javascript bom是什么及bom和dom的区别


Posted in Javascript onNovember 26, 2015

什么是BOM

BOM是browser object model的缩写,简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分

在BOM章节中你将学到什么

BOM教程中,同学们将学到与浏览器窗口交互的一些对象,例如可以移动,调整浏览器大小的window对象,可以用于导航的location对象与history对象,可以获取浏览器,操作系统与用户屏幕信息的navigator与screen对象,可以使用document作为访问HTML文档的入口,管理框架的frames对象等

BOM结构图

javascript bom是什么及bom和dom的区别

window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象

由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象,例如下面两行代码是一样的:

示例

document.write("www.dreamdu.com");
window.document.write(www.dreamdu.com);

javascript中的BOM和DOM什么区别?

这是浏览器运行时中的两个不同的概念。

BOM 浏览器对象模型

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

DOM 文档对象模型

DOM是针对XML的基于树的API。描述了处理网页内容的方法和接口,是HTML和XML的API,DOM把整个页面规划成由节点层级构成的文档。

DOM本身是与语言无关的API,它并不与Java,JavaScript或其他语言绑定。

特定语言的DOM

针对XHTML和HTML的DOM。这个DOM定义了一个HTMLDocument和HTMLElement做为这种实现的基础。

Javascript 相关文章推荐
JS 强制设为首页的代码
Jan 31 Javascript
JQuery中getJSON的使用方法
Dec 13 Javascript
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
Knockout visible绑定使用方法
Nov 15 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
May 04 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
Javascript模仿淘宝信用评价实例(附源码)
Nov 26 #Javascript
Javascript BOM学习小结(六)
Nov 26 #Javascript
js实现延时加载Flash的方法
Nov 26 #Javascript
学习JavaScript设计模式(链式调用)
Nov 26 #Javascript
学习JavaScript设计模式(继承)
Nov 26 #Javascript
js图片跟随鼠标移动代码
Nov 26 #Javascript
学习JavaScript设计模式(封装)
Nov 26 #Javascript
You might like
Javascript技术技巧大全(五)
2007/01/22 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
jquery判断类型是不是number类型的实例代码
2016/10/07 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
JS回调函数简单易懂的入门实例分析
2019/09/29 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
Django中使用group_by的方法
2015/05/26 Python
Python 序列的方法总结
2016/10/18 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
大家都说好用的Python命令行库click的使用
2019/11/07 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
python定义类self用法实例解析
2020/01/22 Python
Python3 mmap内存映射文件示例解析
2020/03/23 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
python+selenium自动化实战携带cookies模拟登陆微博
2021/01/19 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
财务会计专业毕业生自荐信
2013/10/19 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
体育教师求职信
2014/06/30 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
爱国影片观后感
2015/06/18 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
创业计划书之游泳馆
2019/09/16 职场文书