BOM与DOM的区别分析

 更新时间:2010年10月26日 22:44:05   作者:  
DHTML技术各项功能的实现都依赖于使用客户端脚本与浏览器宿主及在宿主中输出的Web页面之间的交互,这种交互是通过对象这个技术手段实现的。
BOM与DOM的区别

§DHTML技术各项功能的实现都依赖于使用客户端脚本与浏览器宿主及在宿主中输出的Web页面之间的交互,这种交互是通过对象这个技术手段实现的。

§BOM即Browser Object Model浏览器对象模型,是在客户端脚本核心的基础上实现的扩展API,通过该API可以使用脚本访问浏览器窗口及其文档对象的各个方面。BOM从IE3.0/NS3.0开始引入。

§在BOM API中,把Web浏览器的各个主要外显特性、Web页面及其标记、内容等都封装成一个个对象,通过这些对象提供的成员访问窗口、文档、元素对象等,并在此基础上实现了对象的事件支持机制。所有BOM对象之间存在一定的关联关系。

§学习BOM技术主要就是学习如何利用客户端脚本使用BOM对象,通过这些封装的BOM对象可实现很多DHTML功效。

§BOM技术不是标准化的Web技术,因浏览器而异。正因为如此大大限制了DHTML技术的应用领域和发展前景。

§不同浏览器实现的BOM技术并不统一,这是造成DHTML技术实现差异的主要原因,由此W3C在BOM技术的基础上进行扩充与改善、优化,制定了新的统一技术规范标准,即DOM(Document Object Model)文档对象模型技术。

§DOM技术最初是针对XML文档的解析与控制而制定的技术规范,但可把HTML文档XML化成XHTML文档,使用DOM技术来访问Web页面文档中的各类对象。

§目前W3C为DOM技术规范制定了三个不同的级别,即DOM Level 1/2/3。IE5/NS6开始全面支持DOM Level 1。有时有人也把BOM技术称为DOM Level 0[W3C官方没有此说法!]。

§DOM技术的核心是把XML(包括XHTML)文档结构解析为树状结构,每个标记看作是一个节点Node,各节点之间存在某种关系,并通过这些关系来相互访问。

§DOM技术与XML技术密切相关,涉及的技术内容庞杂,学习难度较高,但掌握了BOM技术后再学习DOM技术就有一定的帮助。

§不仅可以在JavaScript之类的脚本语言中使用DOM技术,在Java之类的重量级程序设计语言中也广泛使用DOM技术。

相关文章

  • js用Date对象处理时间实现思路及代码

    js用Date对象处理时间实现思路及代码

    本文主要是为了解决从XML文件中读取数据,然后将里面的数据返回到页面中用一个第三方插件进行绘图,并且提供了详细的解决方法,感兴趣的朋友可以了解下或许对你有所帮助
    2013-01-01
  • JavaScript 函数模式详解及示例

    JavaScript 函数模式详解及示例

    本文主要介绍JavaScript 函数模式,这里整理了详细的资料及简单示例代码,帮助大家学习参考此部分的知识,有兴趣的小伙伴可以参考下
    2016-09-09
  • Three.js源码阅读笔记(物体是如何组织的)

    Three.js源码阅读笔记(物体是如何组织的)

    这一篇将主要讨论Three.js中的物体是如何组织的:即如何将顶点、表面、材质组合成为一个具体的对象,需要了解的朋友可以参考下
    2012-12-12
  • 每个程序员都需要学习 JavaScript 的7个理由小结

    每个程序员都需要学习 JavaScript 的7个理由小结

    这篇文章主要介绍了每个程序员都需要学习 JavaScript 的7个理由小结,需要的朋友可以参考下
    2016-09-09
  • JavaScript全局函数使用简单说明

    JavaScript全局函数使用简单说明

    JavaScript下比较常用的一些字符处理等函数,学习js的朋友经常用得到。
    2011-03-03
  • JS获取表单中的元素和取值方法

    JS获取表单中的元素和取值方法

    这篇文章介绍了JS获取表单中的元素和取值方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • JavaScript CSS 修改学习第四章 透明度设置

    JavaScript CSS 修改学习第四章 透明度设置

    今天我打算使用一些元素的透明度设置来实现淡出淡入效果。但是有些浏览器对于某些元素的透明度设置支持不够。而且要设置表格的透明度,几乎在所有的浏览器里面都不可能。
    2010-02-02
  • 大型JavaScript应用程序架构设计模式

    大型JavaScript应用程序架构设计模式

    11月中旬在伦敦举行的jQuery Summit顶级大会上有个session讲的是大型JavaScript应用程序架构,看完PPT以后觉得甚是不错,于是整理一下发给大家共勉。
    2016-06-06
  • onmouseover和onmouseout的一些问题思考

    onmouseover和onmouseout的一些问题思考

    这两个事件的触发表现真的就是你想要的吗?在IE下确实有你需要的两个这样事件:onmouseenter 和 onmouseleave。但很不幸FF等其他浏览器并不支持
    2013-08-08
  • javaScript事件机制兼容【详细整理】

    javaScript事件机制兼容【详细整理】

    下面小编就为大家带来一篇javaScript事件机制兼容【详细整理】。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07

最新评论