• 解读BOM与COM


    • 概念:

    1.BOM(Browser Object Model):

    浏览器对象模型,从名字上就能知道它和浏览器关系密切。

    浏览器的非常多行为是通过JavaScript控制的。比如打开新窗体、打开关闭标签页、把网页设为主页或加入到收藏夹等等,这些功能的实现实质上就是对BOM的操作,BOM就是由一系列独立于内容而与浏览器窗体进行交互的对象构成的。


    2.DOM(Document Object Model):

    文档对象模型,它和文档有关,这里的文档指的是网页。网页是由server发送给client浏览器的,不管用什么浏览器,接收到的HTML都是一样的,所以DOM和浏览器无关,它关注的是网页本身的内容。

    DOM定义了一系列对象,用于訪问、操纵和创建文档中的内容、结构、样式以及行为。当更改页面内容时,JavaScript就通过DOM来获得对文档( HTML、XHTML 以及 XML 文档)中全部元素进行訪问的入口,以及对元素进行加入、移动、改变或移除的方法和属性。

    • 联系与差别:




    1.BOM和DOM都是由一系列的对象构成,对象有属性和方法,javascript通过操纵这些对象来实现详细的功能。

    2.Javascript由ECMAScript和BOM组成,BOM中包括DOM。当中ECMAScript描写叙述了该语言的语法和基本对象,

      BOM描写叙述与浏览器进行交互的方法和接口,DOM描写叙述处理网页内容的方法和接口。

    3.BOM没有标准,DOM的标准是W3C(万维网联盟)。JavaScript语法的标准化组织是ECMA。

    4.BOM的根本对象是window对象,它表示整个浏览器窗体,但不表示当中包括的内容。DOM的根本对象是

      document对象。它实际上是window对象的属性。document是一个既属于BOM又属于DOM的对象。


      理解了BOM和DOM以及它们与javascript的关系后。感觉脑子中的一大片霾退散了,“盲人摸象”又有了新进展。javascript是一种基于对象和事件驱动的语言,有了BOM和DOM中定义的对象。就能够通过改变对象的属性、运行对象的方法来实现现实世界中的详细功能了,这与之前开发C/S项目是一样的。

  • 相关阅读:
    组件通信一 父子之间的通信方式
    我常用的tmux命令
    从标准输入流中读取并执行shell指定函数
    弱网测试浏览器及微信开发者工具
    jmeter性能测试实例解析
    jmeter多个线程组的并行和串行
    解析mybatis plus分页不起作用(失败)的问题
    atable 中 数据已更新,但是表格里面不显示改变
    typescript map()和filter()
    C#编程的最佳工具
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/5349621.html
Copyright © 2020-2023  润新知