JavaScript（1）

1.JavaScript简介

1.1什么是JavaScript

(1)JavaScript 是一门跨平台、面向对象的脚本语言。

注意：Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是 需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。

1.2JavaScript的作用

（1）改变页面内容

 （2）修改指定元素的属性值

 （3）对表单进行校验

 2.JavaScript引入方式

2.1内部脚本

（1）在 HTML 中，JavaScript 代码必须位于 标签之间。示例如下：

 2.2外部脚本

（1）第一步：定义外部 js 文件。如定义名为 demo.js的文件。

 （2）第二步：在页面中引入外部的js文件。

 注意：外部脚本不能包含<script>标签 在js文件中直接写 js 代码即可，不要在 js文件 中写 script 标签;<script>标签不能自闭合 在页面中引入外部js文件时，不能写成<script src="../js/demo.js" />。

3.JavaScript基础语法

3.1书写语法

 

注意：JavaScript 没有文档注释。

3.2输出语句

（1）使用 window.alert() 写入警告框。

（2）使用 document.write() 写入 HTML 输出。

（3）使用 console.log() 写入浏览器控制台。

 3.3变量

（1）var

 （2）命名规则

 （3）特殊之处

 3.4数据类型

（1）分类：JavaScript 中提供了两类数据类型：原始类型 和 引用类型。

（2）原始类型：

3.5运算符

（1）种类：

 （2）==和===区别：

 （3）类型转换：

 3.6流程控制语句

（1）分类：

 格式大家都很熟悉了，这里就不过多描述了。

3.7函数

（1）定义格式：

 注意：形式参数不需要类型。因为JavaScript是弱类型语言；返回值也不需要定义类型，可以在函数内部直接使用return返回即可。

（2）函数调用：

 注意：JS中，函数调用可以传递任意个数参数。

4.JavaScript常用对象

4.1Array对象

（1）定义格式：

 （2）元素访问

 （3）特点：JavaScript 中的数组相当于 Java 中集合。数组的长度是可以变化的，而 JavaScript 是弱类型，所以可以存储任意的类型的数据。

（4）属性与方法

 4.2String对象

（1）创建方法

 （2）属性

 （3）函数

 4.3自定义对象

（1）格式：

 （2）调用属性和函数的格式

 5.BOM

5.1概述

BOM：Browser Object Model 浏览器对象模型。也就是 JavaScript 将浏览器的各个组成部分封装为对象。

5.2对象

 （1）Window对象

 （2）History对象

 （3）Location对象

 6.DOM

6.1概述

DOM：Document Object Model 文档对象模型。也就是 JavaScript 将 HTML 文档的各个组成部分封装为对象。

6.2对象

 6.3作用

 6.4相关概念

 6.5获取 Element对象

 7.事件监听

7.1概述

事件监听是JavaScript 可以在事件被侦测到时执行一段逻辑代码。

7.2事件绑定

 7.3常见事件

8.正则对象使用

8.1创建对象

8.2函数

test(str) ：判断指定字符串是否符合规则，返回 true或 false

8.3正则表达式