美文网首页前端知识让前端飞
图解BOM与DOM的区别与联系

图解BOM与DOM的区别与联系

作者: Husbin | 来源:发表于2018-01-13 21:22 被阅读120次

区别

BOM(Browser Object Model)

BOM 即浏览器对象模型,BOM没有相关标准,BOM的最核心对象是window对象。window对象既为javascript访问浏览器提供API,同时在ECMAScript中充当Global对象。BOM和浏览器关系密切,浏览器很多东西可以通过javascript控制,例如打开窗口、打开选项卡、关闭页面、收藏夹等。这些功能与网页内容无关。由于没有标准,不同的浏览器实现同一功能,可以通过不同的实现方式。例如,加入收藏夹这个功能:

IE浏览器: window.external.AddFavorite(url,title);

FireFox浏览器: window.sidebar.addPanel(title, url, "");

虽然没有统一标准,但是各个浏览器的常用功能的js代码大同小异,对于常用的功能已经有默认的标准了。

DOM(Document Object Model)

DOM即文档对象模型,DOM是W3C标准,DOM的最根本对象是document(window.document),这个对象实际上是window对象的属性,这个对象的独特之处是这个是唯一一个既属于BOM又属于DOM的对象。DOM和文档有关,这里的文档指的是网页,也就是html文档。DOM和浏览器无关,他关注的是网页本身的内容,由于和浏览器没有多大的关系,所以标准就好定了。

BOM与DOM的联系

image.png DOM.png

Reference - JavaScript学习:BOM和DOM的区别和关联

Reference - 图解:window与BOM的关系

相关文章

  • 图解BOM与DOM的区别与联系

    区别 BOM(Browser Object Model) BOM 即浏览器对象模型,BOM没有相关标准,BOM的最...

  • 关于BOM

    BOM定义 (Browser Object Model)浏览器对象模型 与DOM相区别,DOM是与页面的内容,BO...

  • BOM与DOM的区别

    BOM中的对象 Window对象: 是整个BOM的核心,所有对象和集合都以某种方式回接到window对象。...

  • DOM和BOM

    DOM和BOM 参考 DOM与BOM 和 BOM和DOM详解 javascript 有三部分构成:ECMAScr...

  • [其他]document,window,DOM,BOM的区别

    document,window,DOM,BOM的区别 DOM DOM 全称是 Document Object Mo...

  • javascript - 组成

    ECMAScript + DOM + BOM: 这里面所谓的方法和接口,的区别有哪些? js包含bom.dom,在...

  • 微信小程序中的JS与浏览器中的JS有何区别

    1、DOM与BOM 小程序中没有BOM与DOM的概念 2、独有的API 小程序本身提供一些重要的APIgetApp...

  • 逻辑与界面分离架构

    逻辑层的javascript: 与js的区别:1.没有dom和bom对象。2.有App,Page,getApp,g...

  • Javascript中BOM与DOM区别

    一、Javascript组成 JavaScript的实现包括以下3个部分: 1、核心(ECMAScript):描述...

  • BOM与DOM

    BOM(Broswer Object Model) 方法:框窗1.警告框window.alert("msg");m...

网友评论

    本文标题:图解BOM与DOM的区别与联系

    本文链接:https://www.haomeiwen.com/subject/lzrhoxtx.html