• 技术文章 >web前端 >js教程

    js中的bom和dom有什么区别?bom和dom的区别总结

    不言不言2018-09-28 16:48:26原创10266
    学习js的人都应该知道javascript是由三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同。bom和dom都属于js的组成部分,那么,bom和dom之间有什么区别呢?接下来本篇文章将给大家介绍js中bom和dom之间的区别,有需要的小伙伴可以看一下,希望对你有所帮助。

    首先我们来分别看一下bom和dom的概念

    1、BOM是浏览器对象模型

    提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如可以弹出新的窗口,改变状态栏中的文本,对Cookie的支持,IE还扩展了BOM,加入了ActiveXObject类,可以通过js脚本实例化ActiveX对象等等)

    2、DOM是文档对象模型

    DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口,是HTML和XML的API,DOM把整个页面规划成由节点层级构成的文档。DOM本身是与语言无关的API,它并不与Java,JavaScript或其他语言绑定。

    看完了js中bom和dom的概念后,我们应该可以很容易就能够总结出关于js中bom和dom的区别

    js中bom和dom的区别之一:

    1、BOM是Browser Object Model的缩写,即浏览器对象模型。

    BOM和浏览器关系密切。浏览器的很多东西可以通过JavaScript控制的,例如打开新窗口、打开新选项卡(标签页)、关闭页面,把网页设为主页,或加入收藏夹,等等…这些涉及到的对象就是BOM。

    2、DOM是Document Object Model的缩写,即文档对象模型。

    DOM和文档有关,这里的文档指的是网页,也就是HTML文档。网页是由服务器发送给客户端浏览器的,无论用什么浏览器,接收到的HTML都是一样的,所以DOM和浏览器无关,它关注的是网页本身的内容。由于和浏览器关系不大,所以标准就好定了。

    js中bom和dom的区别之二:

    1、BOM没有相关标准。

    由于没有标准,不同的浏览器实现同一功能,可以需要不同的实现方式。对于上面说的功能,不同的浏览器的实现功能所需要的JavaScript代码可能不相同。

    2、DOM是W3C的标准。

    既然有标准了,大家就要按标准来了。

    js中bom和dom的区别之三:

    1、BOM的最根本对象是window。

    2、DOM最根本对象是document(实际上是window.document)。

    最后,需要说明的是:

    1、虽然BOM没有一套标准,但是各个浏览器的常用功能的JavaScript代码还是大同小异的,对于常用的功能实际上已经有默认的标准了。所以不用过于担心浏览器兼容问题,不是每个浏览器都有自己的BOM,也不需要为每个浏览器都学习一套BOM,只是个别浏览器会有新增的功能会在BOM上体现出来。

    2、我们知道HTML是由标签组成的,标签套标签。JavaScript可以通过DOM获取到底有哪些标签,标签里面的属性是什么,内容是什么等。

    以上就是本篇文章的全部内容了,关于js中bom和dom的详细内容大家可以参考javascript开发手册来进一步学习。

    以上就是js中的bom和dom有什么区别?bom和dom的区别总结的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:bom dom
    上一篇:json在php中有何应用?(代码示例) 下一篇:带你彻底弄懂Javascript继承的原理!
    第16期线上培训班

    相关文章推荐

    • javascript bom是什么及bom和dom的区别_javascript技巧• javascript学习笔记(三)BOM和DOM详解_基础知识• BOM和DOM的区别和关联_html/css_WEB-ITnose• javascript中BOM和DOM定义和区别实例用法详解• 实现JavaScript的组成(BOM和DOM详细解读)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网