JavaScript

1、JavaScript的概念

JavaScript是一种直译式脚本语言，已经被广泛用于web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

JavaScript简称js。

特点：

a：是一种解释性脚本语言（代码不需要进行预编译）。

b：主要用来向HTML页面添加交互行为。

c：可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

d：跨平台性，在绝大多数浏览器的支持下，可以在多种平台下运行。

JavaScript脚本语言和其它语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量踢动存放信息的地方，表达式则可以完成较复杂的信息处理。

JavaScript只是外观像java，但是和java是两种不同的语言。

JavaScript是面向对象的一门语言。（基于对象）

2、js如何书写？

a：直接书写在html的页面中！

通过html的script标签，在script标签内书写js代码。

b：在外部js文件中写js的代码，然后通过html中的script标签的src属性，引入到html文件中。

3、JavaScript中关键字和标识符

关键字：var ，if ，while ， for ，do， switch ....case....

标识符：用户根据自己的需求，定义的一个字符串。

作用：定义 变量名、方法名、对象名。

标识符组成：下划线、$、数字、字母。（数字不能作为标识符的开头，标识符不能喝关键字重复。）

4、JavaScript中的数据类型

数值类型：number（包括整数和小数）

字符串：string（包含字符和字符串）

布尔类型：boolean

undefined：undefined（表示没有定义）

null：null（表示值为空）

对象类型：object

5、JavaScript中的变量

js中变量定义的方式：

var   变量名   =   初始值；

var   变量名

注意：动态类型的语言。

通过typeof可以知道js变量的类型。

6、JavaScript中的注释

单行注释：    //

多行注释：   /*    注释内容   */

注意：多行注释和多行注释不能嵌套使用。

7、JavaScript中的运算符

7.1算术运算符

注意：

字符和其它类型进行+运算的时候，实质上是字符串连接（变长的过程）。

字符串和其它数据类型进行‘非+’运算的时候，会把字符串转换为number类型，再进行运算。------弱类型+动态类型。☆

☆☆☆：如果字符串不能转换成number类型，会返回NaN（表示非number）

7.2关系运算符（比较运算符）

js中的比较运算符号：>    <    >=    <=    !=    ==

===（表示恒等：要求数值相同的同时，类型也要相同）   !==

7.3逻辑运算符

&&      ||      ！

7.4三元运算符

js：表达式1？表达式2：表达式3

如果表达式1为假，返回表达式3的结果，如果表达式1为真，返回表达式2的结果。

8、JavaScript中的数组

java中数组的定义：

类型[ ]   数组名   =   new   类型[长度]；

类型[ ]   数组名   =   {初始值}；

8.1第一种定义方式：

var   数组名   =   [初始值]；

注意：

1、通过角标可以得到数组中，某个位置的值。

2、通过数组的length属性得到数组的长度。

3、数组不固定类型，可以存放任何类型的数据。

4、数组的长度是可变的。

8.2数组的第二种定义方式

var   数组名   =   new Array();

注意：

1、如果Array（）不接收参数，表示定义一个长度为0的数组。

2、如果Array（）接收一个参数，并且这个参数是整数，那么表示定义一个长度为这个参数的数组。

3、如果接收一个参数，并且是数值类型的非整数，此时报错。

4、如果接收一个参数，并且这个参数是非数值类型的，那么这个参数是数组的初始值。

5、如果接收多个参数，那么这些参数就是数组的初始值。

9、JavaScript的函数

9.1、函数第一种定义方式

function   函数名   （参数列表）{

函数体；

}

注意：

1、参数列表，定义参数的时候，不能使用关键字var

2、如果函数需要返回值，直接使用return

3、在js中没有重载的概念，后面的同名函数，会把前面的同名函数覆盖。

4、如果js调用函数的时候，出现少传递值的情况，那么定义的变量没有接收到值，它是undefined

5、js中的函数，自带一个arguments，表示参数（所有的参数）数组。

建议不要使用arguments来接收参数，如果需要参数，在参数列表中定义。

9.2、函数第二种定义方式

var   函数名   =   new   Function（“参数列表”，“函数体”）；

9.3、函数的第三种定义方式：

function   （）{

函数体；

}

事件：可以理解为一些行为或者动作。如果该行为或者动作有意义，需要我们去做一些事情，此时可以通过事件调用js中的函数，实现某些功能。

全局函数：

10、JavaScript中的对象

10.1、定义对象的第一种方式

通过关键字function定义一个对象。

10.2、自定义对象的第二种写法

在js中，{ }表示一个对象。

属性的写法：

属性：值

多个属性需要使用逗号分开。

函数的定义方式：

函数名：function（）{函数体01}

多个函数需要使用逗号分割，并且函数和属性也需要使用逗号分开。

注意：对象在使用的时候，不需要new，直接赋值，或者直接使用。

11、JavaScript中事件介绍

12、BOM介绍

browser object model：浏览器对象模型。

是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。

BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其它对象都是该对象的子对象。

作用：通过bom模型创建出的对象，可以实现js和浏览器进行交互。

13、window对象

Window对象表示浏览器中打开的窗口。

所有浏览器都支持window对象。window是js中的顶层对象。

所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。

全局变量是window对象的属性，全局函数是window对象的方法。

框架标签内也有一个window对象。

HTML DOM的document也是window对象的属性之一。

☆：在js中，window.  通常是可以省略的。

history对象：

存放一系列访问过的URL信息。

location对象

14、dom对象

Document对象：每个载入浏览器的HTML文档都会成为Document。

Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。

Document对象是Window对象的一部分，可通过window.document属性对其进行访问。

createElement（“标签名”）---根据标签名，创建一个标签对象。

createTextNode（“内容”）----根据内容去创建文本节点。

15、window、bom、dom之间的关系