JavaScript 高级程序设计 BOM/DOM基础

1. 将JavaScript代码写在单独的js文件中，浏览器会根据特定的设置缓存所有外部链接的JavaScript文件，这意味着如果两个页面公用一个文件，浏览器只需要下载一次。这将加快下载速度。

2. 所有代码和函数的定义都在HTML页的<head/>标签中，这样在显示页面主体后，代码就被完全装载进浏览器，可供使用。

3. BOM（浏览器对象模型）它提供了独立于内容而与浏览器窗口进行交互的对象。

BOM由一系列对象构成。

window对象是整个BOM的核心。  它的任何属性和方法都可以直接访问。

 

4. window对象表示整个浏览器窗口，但不必表示其中包含的内容。也可用于移动或调整它表示的浏览器的大小，或者对它产生其他影响。

 

5. 一般来说状态栏告诉用户何时在载入页面，何时完成载入页面。

window.defaultStatus="You are surfing ...";  

 

6. document对象由一系列集合构成，这些集合可以访问文档的各个部分，并提供页面自身的信息。

 

7.  DOM是针对XML的基于树的API.它不仅仅是解析XML代码，而是使用一系列互相关联的对象来表示这些代码，而这些对象可以被修改且无需重新解析代码就能直接访问它们。使用DOM只需解析代码一次来创建一个树的模型。

 

8. DOM是语言无关的API，它的实现不予其他语言绑定。

 

9. var oHtml=document.documentElement;   返回一个表示<html/>的HTMLElement对象。

 

10. DOM实现的功能：

（1）访问文档中的不同节点

getElementsByTagName()

getElementsByName()

getElementById()

（2）创建和操作节点

var oP=document.createElement("p"); var oText=document.createTextNode("Hello world!"); oP.appendChild(oText); 联系起来 document.body.appendChild(oP); 添加到body的子节点

（3）

 

11. DOM操作必须在页面完全载入之后才能进行。当页面正在载入时，要向DOM插入相关代码是不可能的，因为在页面完全下载到客户端机器之前，是无法创建DOM树的。

 

12. 事件对象只有发生事件时才被创建，且只有事件处理函数才能访问。所有事情处理函数执行完毕后，事件对象就被销毁

 

13. 鼠标单击所激活的事件顺序：mousedown  mouseup click

 

14.