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_BOM&amp;DOM&amp;JSON

  • 2015-08-01 22:56
  • 34.33MB
  • 下载

JavaScript(04): BOM和DOM

先说明一个问题,到底是将JavaScript内嵌在HTML页面中还是做成外部文件?关于这一点并没有什么必须遵循的规则,但是通常大量的JavaScript代码不应该内嵌在HTML页面中,原因如下: ...

JAVAScript中DOM与BOM的差异分析

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

32-JavaScript-DOM-BOM简介-node常用方法和属性-window对象常用方法

- BOM 介绍 - dom 对象    - dom对象简介    - 常用dom对象层次图 - dom对象详解    - window    - event    - document...

JavaScript(二)--BOM编程/事件编程/DOM编程/正则表达式

BOM编程1.BOM编程图解: 2.window对象: open():在一个窗口中打开页面 参数一: 打开的页面 参数二:打开的方式。 _self: 本窗口 _blank: 新窗口(默认) ...

深入解读JavaScript中BOM和DOM

BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口,提供访问文档各个功能部件(如窗口本身、屏幕功能部件、浏览历史记录等)的途径以及操作方法。 遗憾的是,BOM只是JavaS...

JavaScript中的BOM与DOM详解

很早之前就接触过了BOM与DOM,但是一直都不太了解。昨天自己研究了一下,发现其实蛮简单的两个概念,于是今天总结下来。 BOM的意思是浏览器对象模型(Browser Object Model),就是...

【前端学习笔记】深入学习Javascript:DOM和BOM的方法及属性总结

DOM相关方法——————————————————————————————– 利用getElementsByTagName来创建通过类名获取元素的方法getElementsByClssName———...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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