DOM
- Document Object Model:用来将标记型文档封装成对象,并将文档中的内容都封装成对象,为了更方便地操作文档。
- 常见的标记型文档:html,xml
DOM解析:
- 优点:可以对树中的节点进行任意操作,如增删改查
- 缺点:需要将整个标记型文档加载进内存
SAX解析:基于事件驱动的解析,获取数据的速度很快,但不能增删改。
DOM模型有三种:
- level 1:将html文档封装成对象
- level 2:在1的基础上加入新功能,如解析名称空间
- 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对象
该对象的作用是对标记型文档进行操作,最常见的操作就是获取页面中的节点