美文网首页
JavaScript基础入门

JavaScript基础入门

作者: 阿尔法团子 | 来源:发表于2017-08-01 14:51 被阅读10次

JavaScript的历史

JavaScript的历史么,百度一下或者随便打开一本讲JavaScript的书,都会有一个详细的介绍,我们这里就不赘述了,大家自学一下。

JavaScript的使用

引入JavaScript:认识<script>元素

<script>元素是一个标签,我们引入js主要依靠这个元素,也就是说只有被包在这个标签里面的js代码才能被浏览器识别和运行。

引入js有两种方式:

  • 内部书写

看例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
<script type="text/javascript">
    alert('Hello World!');
</script>
</html>

这个就是内部书写,直接写在页面里的js代码,通常我们会把js放在页面最下面,样式文件放在最上面,不过这个扯远了,这是前端优化的事了。

  • 外部引入

看例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
<script type="text/javascript" src="helloworld.js"></script>
</html>

我们引入了一个外部的js文件,script标签的src属性表示的是文件的路径,这里可以是相对路径,也可以是绝对路径,这两种路径的区别自行百度吧。

js常量和变量

定义变量

js使用 var操作符 来定义一个变量
e.g. var a = 2b + 5;
这里我们定义了一个变量a,它的值是表达式 2b+5来确定的,那么5就是一个常量,只要b的值改变,那么a的值就会改变。

定义变量和变量的基本类型

首先明确js的变量是弱类型的变量,啥意思呢,就是一个var能搞定各种变量,举个例子就明白了

在c++这种强类型语言中,当需要定义一个变量时,必须确定变量的类型,然后使用对应类型的操作符来定义
e.g. int a = 4; float b = 3.25;
这里我们定义了一个整型数据a,定义了一个浮点型数据b。

但是在js中,使用var 操作符可以定义任何类型的变量,不要做类型区分,那么js中有哪些变量类型呢?

  • 基本类型

    • undefined (未定义,只有一个值,即undefined)
    • null(只有一个值,即null,表示一个空对象指针)
    • boolean(布尔值,有两个字面值:true和false)
    • number(数值,比如2,3等数字)
    • string(字符串,比如 “今天天气真好”,一般会用引号引起来)
  • 引用类型(复杂类型)

    • object(对象)
    • array(数组)

基本上就这7种数据类型。

未完待续……

相关文章

  • 第三次任务总结

    任务内容—Javascript 编程入门 1.Javascript代码个人练习 a.Javascript 基础练习...

  • Blue教程汇总

    【JavaScript从入门到精通】第二十四课 JS面向对象基础-01 【JavaScript从入门到精通】第二十...

  • 微信小程序入门之注册安装

    入门的几点要求 1.对JavaScript基础有所了解,教程w3school---JavaScript[http:...

  • JavaScript的组成部分

    该部分笔记记录关于JavaScript基础的学习。今天先从入门了解一下JavaScript的组成。JavaScri...

  • JavaScript基础入门

    一、 JS代码运行环境 js代码是通过 标签直接嵌入页面中的,一个页面中可以有多段 定义的代码片段 它们既相互关联...

  • javascript基础入门

    javascript中null和undefined   javascript中存在null和undefined,n...

  • JavaScript入门基础

    定义变量的关键词是var 1. 必须使用字母,下划线,或者$开始 2. 使用多个字母,下划线,数字,$组合 3. ...

  • JavaScript基础入门

    放置位置 放在 部分最常用的方式是在页面中head部分放置 元素,浏览器解析head部分就会执行这个代码,然后才解...

  • JavaScript基础入门

    JavaScript的历史 JavaScript的历史么,百度一下或者随便打开一本讲JavaScript的书,都会...

  • JavaScript 基础入门

    简介 一种高级编程语言,通过解释执行,是一门动态类型,面向对象(基于原型)的直译语言。它已经由 ECMA(欧洲电脑...

网友评论

      本文标题:JavaScript基础入门

      本文链接:https://www.haomeiwen.com/subject/tdzcnttx.html