Web开发之JavaScript知识点总结

JavaScript(JS)是web上的脚本语言，JavaScrip和Java的关系就好比雷峰塔和雷锋之间的关系，哈哈。JS主要用于控制页面的特效展示，JS可以对HTML进行动态控制，可以对表单进行校验，也可以控制CSS样式。JS是脚本语言，不需要编译，浏览器直接解析就可以，JS必须嵌入到其它语言中，无法独立执行，JS的执行过程是从上到下依次执行的。JS主要包括三部分：ECMAScript规定了JS的语法和基本对象；DOM对象用于处理网页内容的方法和接口；BOM对象用于处理与浏览器交互的方法和接口。

目录

1、JS基本数据类型

2、JS的运算符

3、JS中的正则对象

4、JS中数组对象的相关操作

5、全局函数和自定义函数 

6、自定义对象

7、BOM对象的使用

8、DOM对象的使用

9、常见的JS事件

10、JS事件的两种绑定方式

---

1、JS基本数据类型

5种基本数据类型，分别为number,string,boolean,null,undefined类型。引用数据类型如下：

2、JS的运算符

JS的运算包括算术运算符和逻辑运算符，和常规的JAVA运算符基本差不多，稍有一些区别。

3、JS中的正则对象

JS的中的正则对象以^开始，以$结束，一般使用正则对象.test(String)方法校验字符串是否匹配正则对象。

4、JS中数组对象的相关操作

包含数组的创建，以及数组中的常用方法的操作，具体如下：

5、全局函数和自定义函数 

6、自定义对象

JS中的对象创建方式和Java中对象创建方式很像，只不过Java是new的方式，而JS是用functon。另外JS也可以使用直接量的方式创建对象。

7、BOM对象的使用

BOM对象是浏览器对象莫模型，用来执行浏览器的相关操作，例如：浏览器的消息弹出等。wndow代表了BOM对象，window是JS的内置对象，使用的时候一般可以省略window.

8、DOM对象的使用

DOM是文档对象模型，DOM将标记型文档的所有内容都标记为对象，通过操作对象的属性和方法，来达到操作或改变HTML展示效果的目的。HTML的每个标签都会被加载到DOM树的一个元素对象。一个HTML文档加载到内存中就会行成一个DOM对象。

DOM对象通过四种方式获取元素对象，具体如下：

    
    




 篮球
 排球
足球


    
选项1
    
选项2
    
选项3
    
选项4


男
女

DOM对象中元素对象的常见属性如下：包括修改value，className，默认选中，以及内容体等属性，具体如下：

    
    
    




Java之父

这是内容体

9、常见的JS事件

通过鼠标或热键的动作我们称之为事件，通过JS事件，我们可以完成页面的指定特效。

JS事件驱动机制包含三部分：事件源，事件，监听器；

下面的是点击事件：

如下是焦点事件，分为获取焦点和失去焦点两种，具体如下：

域内容改变事件，只要域内容改变就会触发相应的方法，具体如下：

    
    
    



     北京 
     上海 
     南京 

页面加载完毕事件如下：
 

表单提交事件，可以用于表单的校验：

键位弹起事件和鼠标移入事件，具体如下：

10、JS事件的两种绑定方式

第一种方式：元素事件句柄绑定，开发快捷，传参方便，可以绑定多个函数，不过该方法使得JS和HTML代码糅合在一起，不利于分开开发，具体如下：
 

第二种方式：使用DOM属性的方式绑定，可以使得HTML代码和JS代码份力，并且使用匿名函数的方式可以传参和一个事件可以绑定多个函数，具体如下：