天富娱乐注册官网平台 BOM有几部分组成？BOM与DOM的区别是什么？

BOM提供了很多的对象。这些对象用于访问浏览器，被称为浏览器对象。各内置对象之间按照某种层次组织起来的模型统称为浏览器对象模型，如图1所示。

图1 BOM构成

从图1中可以看出，BOM比DOM更大，它包含DOM（document）。BOM的核心对象是window，其他的对象称为window的子对象，它们是以属性的方式添加到window对象的。

window对象是浏览器顶级对象，具有双重角色，既是JavaScript访问浏览器窗口的一个接口，又是一个全局对象，定义在全局作用域中的变量、函数都会变成window对象的属性和方法。示例代码如下。

  <script> var num = 10; console.log(num); console.log(window.num); function fn() { console.log(11); } fn(); window.fn(); </script>

在前面的知识中，之所以省略var也可以直接为一个未声明的变量赋值，是因为这个变量自动转换为了window对象的属性。前面学习的alert()、prompt()实际上都属于window对象的方法，在调用的时候省略了前面的“window.”。由于window对象中本来就有一个name属性，所以在全局作用域下声明的变量不推荐使用name作为变量名，以避免和window对象的name属性冲突。


BOM与DOM的区别：

DOM是文档对象模型，把文档当作一个对象来看待，它的顶级对象是document，我们主要学习的是操作页面元素。DOM是W3C标准规范。

BOM是浏览器对象模型，是把浏览器当做一个对象来看待，它的顶级对象是window，我们主要学习的是浏览器窗口交互的一些对象。BOM是浏览器厂商在各自浏览器上定义的，兼容性较差。

猜你喜欢：

如何解决margin“塌陷”问题？【前端面试题常问】

常见的Javascript数据类型有哪些?

dom节点的Attribute和Property有何区别?

传智教育前端与移动开发培训