教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

BOM有几部分组成?BOM与DOM的区别是什么?

更新时间:2021年05月31日16时08分 来源:传智教育 浏览次数:

传智教育-一样的教育,不一样的品质


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

BOM的构成

图1 BOM构成

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

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

   <script>

    // 全局作用域中的变量是window对象的属性

    var num = 10;

    console.log(num);     // 结果为:10

    console.log(window.num); // 结果为:10

    // 全局作用域中的函数是window对象的方法

    function fn() {

     console.log(11);

    }

   fn();           // 结果为:11

   window.fn();       // 结果为:11

  </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有何区别?

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

0 分享到:
和我们在线交谈!