首页技术文章正文

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

更新时间:2021-05-31 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif

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是浏览器厂商在各自浏览器上定义的,兼容性较差。









猜你喜欢:

mysql和mongoDB有什么区别?

windows系统怎么登录MySQL数据库?[大数据培训]

什么是虚拟DOM?如何理解虚拟DOM?

黑马程序员前端高级软件工程师培训  

分享到:
在线咨询 我要报名
和我们在线交谈!