浏览器系列 -- BOM 和 DOM 的区别

定义

• BOM 的全称是 Browser Object Model，BOM 和浏览器关系密切
• DOM 的全程是 Document Object Model，DOM 和 HTML 文档密切相关

从根本对象上看

• BOM 的核心对象是 window
• DOM 的核心对象是 document（其实是 window.document，所以可以说 BOM 包含了 DOM）

二者之间的关系说明如图：

BOM 包含了：

• document
• history
• location
• navigator
• screen
• frames[]

DOM 包含了

• forms[]
• images[]
• lingks[]
• areas[]
• anchors[]
• applets[]
• layers[]
• embeds[]

从功能上看

• BOM 主要用于获取或设置浏览器的属性和行为，属性上如：获取屏幕分辨率、浏览器版本号等等；行为上如：新建窗口、页面跳转、滚动条滚动等等
• DOM 描述了处理网页内容的方法和接口，是 HTML 和 XML 的 API，DOM 把整个页面规划成由节点层级构成的文档。主要用于获取或控制 HTML 文档里面的文档节点，如：增删改查元素以及控制元素的样式等等

参考文章

www.jianshu.com/p/f5409202a…