一、JavaScript概述

1、JavaScript简介

• JavaScript一种网页编程技术，用来向HTML页面添加交互行为，直接嵌入HTML；
• JavaScript是嵌入HTML中在浏览器中的脚本语言，具有与java和C语言类似的语法；
• 由浏览器解释执行代码，不进行预编译；最早是由景网公司发布的。

2、JavaScript的特点

• JavaScript是弱类型语言，由浏览器内置有JavaScript引擎执行代码；
• 适用于客户端数据计算、客户端表单合法性验证、浏览器时间的触发、网页特殊显示效果制作、服务器的异步数据提交等。

3、JavaScript组成部分

• 核心（ECMAScript）：描述了该语言的语法和基本对象。
• 浏览器对象模型（BOM）：描述了与浏览器进行交互的方法和接口。
• 文档对象模型（DOM）：描述了处理网页内容的方法和接口。

二、JavaScript基础语法

1、与html结合方式

• 嵌入式（内部JS）：定义<script>，在script标签内书写javaScript
• 文件调用式（外部JS）：定义<script>，通过src属性引入外部的js文件

注意：script标签可以写在网页任意的位置，但定义的位置会影响执行顺序。

2、数据类型

2.1、基本数据类型

• Number：整数/小数/NaN(not a number 一个不是数字的数字类型)
• String ：由0或多个16位Unicode字符组成，可以使用 .length 属性访问字符串长度；
• Boolean：布尔值只有两个值：true 或 false。
• Undefined：使用var声明变量但未初始化，区分空对象指针与尚未定义的变量；对未初始化的变量及未声明的变量使用typeof运算符均会返回undefined。
• Null：逻辑上 null 表示一个空对象的指针，使用 typeof 检测时会返回 object。

2.2、引用类型

• JavaScript对象都属于引用类型数据。

3、运算符

• 算术运算符：+、-、*、/、%
• 赋值运算符：=
• 连接运算符：+
• 关系运算符：<（小于）、>（大于）、<=（小于等于）、>=（大于等于）
• 逻辑运算符：与（&&）、或（||）、非（!）
• 条件运算符：？：

4、流程控制

4.1、分支结构

if语句：

• 语法：if (condition) statement1 else statement2
• 实例：if (i > 30) {alert("大于 30");} else {alert("小于等于 30");}

switch 语句

语法

switch (expression)
  case value: statement;
    break;
  case value: statement;
    break;
...
  case value: statement;
    break;
  default: statement;

实例

switch (i) {
  case 20: alert("20");
    break;
  case 30: alert("30");
    break;
  case 40: alert("40");
    break;
  default: alert("other");
}

4.2、循环结构

do-while 语句

• do-while 语句是后测试循环，即退出条件在执行循环内部的代码之后计算。
• 语法：do {statement} while (expression);
• 实例：var i = 0;do {i += 2;} while (i < 10);

while 语句

• while 语句是前测试循环。即退出条件是在执行循环内部代码之前计算的。循环体可能根本不被执行。
• 语法：while (expression) statement
• 实例：var i = 0;while (i < 10) { i += 2; }

for 语句

• for 语句是前测试循环，而且在进入循环之前，能够初始化变量，并定义循环后要执行的代码。
• 语法：for (initialization; expression; post-loop-expression) statement
• 实例：iCount = 6;for (var i = 0; i < iCount; i++) { alert(i); }

for-in 语句

• for-in 语句是严格的迭代语句，用于枚举对象的属性。
• 语法：for (property in expression) statement
• 实例：for (sProp in window) { alert(sProp); }

三、JavaScript对象

具体使用参照：JavaScript 和 HTML DOM 参考手册

1、内置对象

• Number对象：原始数值的包装对象。
• String对象：用于处理文本（字符串）。
• Array对象：用于在单个的变量中存储多个值。
• Math对象：用于执行数学任务。
• Date对象：用于处理日期和时间。
• RegExp对象：表示正则表达式，它是对字符串执行模式匹配的强大工具。
• Function对象：Function 类可以表示开发者定义的任何函数。
• Global对象：全局属性和函数可用于所有内建的 JavaScript 对象。

2、BOM对象

• Window对象：表示浏览器中打开的窗口。
• Navigator对象：包含有关浏览器的信息。
• Screen对象：包含有关客户端显示屏幕的信息。
• History对象：包含用户（在浏览器窗口中）访问过的 URL。
• Location对象：包含有关当前 URL 的信息。

3、DOM对象

• Document对象：控制html文档的内容
• Element 对象：表示 HTML 元素，可以拥有类型为元素节点、文本节点、注释节点的子节点。
• Attribute 对象：表示 HTML 属性。
• Event 对象：代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。