第一章 javascri引入方式和基本语法

1-1 JavaScript的引入方式

在HTML文件中引入JS有两种方式:

第一种:内嵌式.将JS代码直接嵌入HTML页面中。则该JS代码只对本页面有效。

使用方法：在HTML页面中使用标签引入。如下：

<script>
        //此处为JS代码
</script>

第二种：外联式。独立称为一个以.js为后缀的文件，并在HTML页面中引入。

<script src="../js/main.js" type="text/javascript" charset="UTF-8"></script>

1-2 JS基本语法

1.变量

1）变量命名

与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。
变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

2）变量的声明

var 变量名;//JS变量可以不声明，直接使用。默认值:undefined

3）变量的取值

var 变量名=值;//JS变量是弱类型，即同一个变量可以洗存放不同类型数据。

2.数据类型

【基本类型】

• undefined：Undefined 类型只有一个值，即 undefined。当声明的变量未初始化时，该变量的默认值是 undefined。
• Null 类型：另一种只有一个值的类型是 Null，它只有一个专用值 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。
• Boolean 类型：Boolean 类型是 ECMAScript 中最常用的类型之一。它有两个值 true 和 false （即两个 Boolean 字面量）。即使 false 不等于 0，0 也可以在必要时被转换成 false，这样在 Boolean 语句中使用两者都是安全的。
• Number 类型：ECMA-262 中定义的最特殊的类型是 Number 类型。这种类型既可以表示 32 位的整数，还可以表示 64 位的浮点数。直接输入的（而不是从另一个变量访问的）任何数字都被看做 Number 类型的字面量。

• String 类型：String 类型的独特之处在于，它是唯一没有固定大小的原始类型。字符串中每个字符都有特定的位置，首字符从位置 0 开始，第二个字符在位置 1，依此类推。这意味着字符串中的最后一个字符的位置一定是字符串的长度减 1。字符串字面量是由双引号（”）或单引号（’）声明的。

  对变量或值调用 typeof 运算符将返回下列值之一：

  undefined - 如果变量是 Undefined 类型的
  boolean - 如果变量是 Boolean 类型的
  number - 如果变量是 Number 类型的
  string - 如果变量是 String 类型的
  object - 如果变量是一种引用类型或 Null 类型的

  【引用类型】

• 引用类型通常叫做类(class)，也就是说，遇到引用值，所处理的就是对象。

• JS是基于对象而不是面向对象，对象类型的默认值是null。
• JS提供众多预定义引用类型（内置对象）

  3.运算符

  算数运算符

  | 运算符 | 描述 | | —- | —- | | + | 加 | | - | 减 | | * | 乘 | | / | 除 | | % | 求余数 | | ++ | 累加 | | — | 递减 |

赋值运算符

比较运算符

逻辑运算符

4.基本操作

• document.getElementById()：获取页面元素
• alert()：向页面弹出提示框。
• innerHTML：操作页面某个元素的内容，可以获取，也可以赋值。
• document.write()：向页面中写内容。