JavaScript中的Bom和Dom

原创 2011年01月10日 14:00:00


Bom (Browser Object Model)

Browser 对象参考手册

对象 描述
Window JavaScript 层级中的顶层对象,表示浏览器窗口。
Navigator 包含客户端浏览器的信息。
Screen 包含客户端显示屏的信息。
History 包含了浏览器窗口访问过的 URL。
Location 包含了当前 URL 的信息。

BOM的顶层是window对象 。Window 对象表示浏览器中打开的窗口。

如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

在客户端 JavaScript(浏览器) 中,Window 对象就是全局对象
全局对象只是一个对象,而不是类。既没有构造函数,也无法实例化一个新的全局对象。所有的表达式都在当前的环境中计算。
也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。
例如,可以只写 document ,而不必写 window.document。

Window 对象中五个重要属性:
document 对 Document 对象的只读引用。请参阅 Document 对象
history       对 History 对象的只读引用。请参数 History 对象
location     用于窗口或框架的 Location 对象。请参阅 Location 对象
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象
Screen       对 Screen 对象的只读引用。请参数 Screen 对象

Tips:JavaScript 中只能通过引用访问对象(详细看对象的引用与废除机制 )

Dom (Document Object Model)

HTML DOM 对象参考手册

对象 描述
Document 代表整个 HTML 文档,可被用来访问页面中的所有元素
Anchor 代表 <a> 元素
Area 代表图像映射中的 <area> 元素
Base 代表 <base> 元素
Body 代表 <body> 元素
Button 代表 <button> 元素
Event 代表某个事件的状态
Form 代表 <form> 元素
Frame 代表 <frame> 元素
Frameset 代表 <frameset> 元素
Iframe 代表 <iframe> 元素
Image 代表 <img> 元素
Input button 代表 HTML 表单中的一个按钮
Input checkbox 代表 HTML 表单中的复选框
Input file 代表 HTML 表单中的文件上传
Input hidden 代表 HTML 表单中的隐藏域
Input password 代表 HTML 表单中的密码域
Input radio 代表 HTML 表单中的单选按钮
Input reset 代表 HTML 表单中的重置按钮
Input submit 代表 HTML 表单中的确认按钮
Input text 代表 HTML 表单中的文本输入域(文本框)
Link 代表 <link> 元素
Meta 代表 <meta> 元素
Object 代表 <Object> 元素
Option 代表 <option> 元素
Select 代表 HTML 表单中的选择列表
Style 代表单独的样式声明
Table 代表 <table> 元素
TableData 代表 <td> 元素
TableRow 代表 <tr> 元素
Textarea 代表 <textarea> 元素

DOM的顶层是document对象。每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

参考和引用:

HTML DOM参考手册
JavaScript中的BOM和DOM
javascript bom和dom介绍

JavaScript之DOM对象与BOM对象的关系

BOM对象 JavaScript向程序员提供了一种操作Web浏览器的手段,例如,Javascript语言可以用来调整Web浏览器窗口的高度,宽度和屏显位置等属性。(引用自JavaScript+DOM编...
  • fengbird
  • fengbird
  • 2017年03月29日 17:04
  • 921

BOM和DOM详解

DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。,而BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口。 js组成 我们都知道...
  • anythings
  • anythings
  • 2016年04月25日 09:54
  • 4650

JS中BOM和DOM的区别与联系

转载自:http://www.jb51.net/article/55851.htm Js组成 我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿...
  • xiao_tommy
  • xiao_tommy
  • 2016年11月19日 15:56
  • 3789

JAvaScript和DOM(文档对象模型)和BOM(浏览器对象模型)

DOM是针对XML但经过扩展用于HTML的应用程序编程接口DOM把整个页面映射成一个多层节点结构,HTML页面中的每一个组成部分都是某种类型的节点,这些节点也包含这不同类型的数据...
  • wang2963973852
  • wang2963973852
  • 2016年10月27日 13:58
  • 1311

web前端知识总结-BOM和DOM

BOM:我们都知道JavaScript是运行在浏览器中的,所以JavaScript提供了一些列对象用于和浏览器窗口进行交互,这些对象主要包括window、document、location、navig...
  • liona_koukou
  • liona_koukou
  • 2016年07月15日 18:52
  • 839

如何理解前端中的DOM、BOM

题注:此篇为博主的学习感悟,可能有理解不妥之处,还望观者不吝赐教,有其他间接也希望能留言交流(づ ̄ 3 ̄)づ DOM 全称是 Document Object Model,也就是文档对象模型。 ...
  • zixiaomuwu
  • zixiaomuwu
  • 2017年03月06日 19:28
  • 1505

javaScript的函数,事件,BOM,DOM

js中的函数,事件,BOM和DOM对象 function fun1(a,b){ alert(a+b); } fun1(2,5);...
  • strong_yu
  • strong_yu
  • 2016年07月12日 17:23
  • 1641

javaScript中的对象、BOM、DOM知识点总结

一、  什么是javaScript对象?         对象是javaScript中最重要的API。         javaScript包含多种对象有:内置对象、外部对象(window对象、dom...
  • hhhhhggggddd
  • hhhhhggggddd
  • 2017年04月13日 10:04
  • 406

DOM和BOM区别展示图:

JAVAScript有三部分构成,ECMAScript,DOM和BOM,根据浏览器的不同,具体的表现形式也不尽相同。我们今天来谈一谈DOM和BOM这俩者之间的差异。 用百科上的来说: 1. DOM...
  • bing_JavaScript
  • bing_JavaScript
  • 2016年09月22日 09:28
  • 710

JavaScript(核心、BOM、DOM)

JavaScript是基于对象和事件驱动的客户端脚本语言。有如下特点: 交互性安全性(不可以直接访问本地硬盘)跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关) 1、Ja...
  • bfboys
  • bfboys
  • 2017年01月10日 22:09
  • 157
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript中的Bom和Dom
举报原因:
原因补充:

(最多只允许输入30个字)