javascript DOM 笔记

以下内容来自《javasript DOM 编程艺术》第二版

dom中三种重要的节点：元素节点、属性节点、文本节点。

几种节点的重要属性：nodeValue，nodeType（为数字1、2、3）。

子节点属性：childNodes，firstChild=.childNodes[0]，lastChild=.childNodes[.childNodes.length-1]。

.js文档在加载完成之后立即开始执行。 p69

在html文档全部加载完毕时将会触发onload事件，document对象是windows对象的属性。p69

不管什么时候，只要是查询dom中的某些元素，浏览器都会搜索整个dom树，从中查找可匹配元素。所以为了提高脚本性能，应该尽量减少访问dom的次数。p72

javascript性能考虑：

1.减少DOM的访问次数，减少标记个数，标记越多书DOM树就越大。

2.合并脚本，可以减少请求次数提升性能。

3.把脚本放在</body>标签之前，因为脚本是阻塞下载的，所以把脚本放在最后。

4.压缩脚本，去掉注释、空格等，减小脚本大小。

innerHTML是html专有属性，不能用于其他标记语言。 p100

Dom是文档对象模型，是浏览器提供的一组标准，不属于任何语言，可以用于支持dom的任何语言。p93

appendChild（）总是在父元素的最后一个子元素节点的后面添加一个子元素。

a.onclick()则是调用了onclick事件处理函数。p117

XMLHttpRequest对象的生命周期包括以下几个阶段：

readyState 状态状态说明

(0)未初始化
此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。
(1)载入
此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。
(2)载入完成
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。
(3)交互
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式，为在客户端调用作好准备。状态3表示正在解析数据。
(4)完成
此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为4表示数据解析完毕，可以通过XMLHttpRequest对象的相应属性取得数据。
概而括之，整个XMLHttpRequest对象的生命周期应该包含如下阶段：
创建－初始化请求－发送请求－接收数据－解析数据－完成

ajax的称为异步请求的原因是，XMLHttpRequest在发送请求之后脚本会继续执行，不会等待响应返回。p118

通常的请求都是由浏览器发送，而javascript可以通过XMLHttpRequest对象自己发送请求，自己处理相应。p115

js允许我们为元素创建属性。