前端程序员

Javascript中的Bom

2020-09-29  本文已影响0人  我小时候很可爱

写在前面

相信学习前端的小伙伴应该都知道Javascript可以简单的分成两个部分,一个是JS基础的ECMAScript和WebAPI的Dom和Bom,相信很多初学的小伙伴都对WebAPI的Dom很熟悉,毕竟Dom的操作确实会更频繁一些,主要是对文档对象的操作;现对来说,而Bom的操作会更少一些(至少我本人是这样)。所以常常会忘记Bom的各种方法与内容,因此,写一篇Bom的基础文章让大家能够参考学习同时自己也能查阅;和小伙伴们共同学习进步。

Bom

Bom定义

window对象

定时器对象

location对象

history对象

navigator对象

Bom和Dom的区别

  1. 首先二者操作的对象不同,Dom(文档对象模型)从翻译我们就可以看出这是一个基于文档对象的应用程序接口,也就是说我们用到的方法“存在”这个对象里面的,我们使用的时候是在调用这个对象下的方法;举个简单的栗子:根据ID获取元素:Document.getElementById();从这我们就可以看出这个是基于文档对象的。所以被用来操作文档,说的通俗一点就是用来操作HTML和XML的。

    而Bom(浏览器对象模型)顾名思义;就是基于浏览器对象的,我们上面提到的对象和方法就都是基于浏览器的操作。同样我们可以从他的调用方法看出来;举个栗子:获取地址栏地址:window.localtion.href;不过常常在我们编写代码的时候是可以把window给省略的,因为默认会带上window对象。

  2. 其次,二者的关系是包含的关系,Docunment的对象是window对象的下的其中一个对象,从window.document就可以看出,DOM的最根本的对象是BOM的window对象的子对象。

  3. Dom的标准是唯一的,遵循的是W3C的标准;而Bom的标准并不唯一,有各个浏览器厂商决定

Tip:每个字都是自己手敲的噢,如果有错别字还请多多包涵,觉得有用的话点个赞支持一下吖~~

上一篇 下一篇

猜你喜欢

热点阅读