day33

DOM

• Document Object Model:用来将标记型文档封装成对象，并将文档中的内容都封装成对象，为了更方便地操作文档。
• 常见的标记型文档：html,xml

DOM解析：

• 优点：可以对树中的节点进行任意操作，如增删改查
• 缺点：需要将整个标记型文档加载进内存

SAX解析：基于事件驱动的解析，获取数据的速度很快，但不能增删改。

DOM模型有三种：

1. level 1:将html文档封装成对象
2. level 2:在1的基础上加入新功能，如解析名称空间
3. level 3:将xml文档封装成对象

DHTML

• HTML：负责提供标签，对数据进行封装
• CSS：负责提供样式属性，对标签中的数据进行样式的定义
• DOM：负责将标签型文档及其内容进行解析，并封装成对象，定义更多的属性和行为
• JS：负责提供程序设计语言，对页面中的对象进行逻辑操作

BOM

BOM:浏览器对象模型，浏览器对应的对象即window对象

window常用对象

想要知道这个浏览器对象的信息，需要调用window对象的navigator
var name = window.navigator.appName;
var version = navigator.appVersion;
location对象
location.href = "http://www.baidu.com";
//给location的href属性设置一个值，并进行解析，如果是http会直接访问
//open()方法
function windowopen(){
  open("www.sina.com","_blank","height=400,width=400,status=yes,toolbar=yes,menubar=yes,location=yes");
}
//onunload事件,在对象卸载前立即触发，例如关闭浏览器窗口
onunload = function(){
  alert("onunload run");
}

document对象

该对象的作用是对标记型文档进行操作，最常见的操作就是获取页面中的节点