day33

最新推荐文章于 2025-08-11 23:35:31 发布

XiaoYLiuMG

最新推荐文章于 2025-08-11 23:35:31 发布

阅读量232

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.csdn.net/XiaoYLiuMG/article/details/103938762

本文深入探讨了DOM（Document Object Model）与BOM（Browser Object Model）的概念与应用，包括DOM如何封装HTML与XML文档，BOM如何管理浏览器窗口，以及它们在网页开发中的关键作用。

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");
}