javascript BOM与DOM介绍

Javascript中bom介绍

IE 3.0 和Netscape Navigator 3.0提供了一种特性- BOM（浏览器对象模型），可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使BOM独树一帜且又常常令人怀疑的地方在于，它只是JavaScript的一个部分，没有任何相关的标准。

BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的JavaScript扩展都被看做BOM的一部分。这些扩展包括：

弹出新的浏览器窗口

移动、关闭浏览器窗口以及调整窗口大小

提供 Web浏览器详细信息的定位对象

提供用户屏幕分辨率详细信息的屏幕对象

对 cookie的支持

IE 扩展了BOM，加入了ActiveXObject类，可以通过JavaScript实例化ActiveX对象

由于没有相关的 BOM标准，每种浏览器都有自己的BOM实现。有一些事实上的标准，如具有一个窗口对象和一个导航对象，不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。

Ø Window对象

Window 对象表示浏览器中打开的窗口

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

Ø History对象

History 对象包含用户（在浏览器窗口中）访问过的URL。

History 对象是window对象的一部分，可通过window.history属性对其进行访问。

Ø Location对象

Location 对象包含有关当前URL的信息。

Location 对象是Window对象的一个部分，可通过window.location属性来访问。

对于Location对象，我们只需要掌握href这个属性就可以，它的作用是设置或返回完整的URL。

Javascript中dom介绍、

DOM（文档对象模型）是HTML和XML的应用程序接口（API）。DOM将把整个页面规划成由节点层级构成的文档。HTML或XML页面的每个部分都是一个节点的衍生物。请考虑下面的HTML页面：

DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。

W3C DOM 标准被分为3个不同的部分：

l 核心 DOM -针对任何结构化文档的标准模型

l XML DOM - 针对XML文档的标准模型

l HTML DOM - 针对HTML文档的标准模型

XML DOM 定义了所有XML元素的对象和属性，以及访问它们的方法。

HTML DOM 是：

HTML 的标准对象模型

HTML 的标准编程接口

W3C 标准

HTML DOM 定义了所有HTML元素的对象和属性，以及访问它们的方法。

XML DOM与HTML DOM的关系

XML DOM 定义了访问和处理XML文档的标准方法

HTML文档格式符合XML语法标准，所以可以使用XML DOM API

在XML DOM每个元素都会被解析为一个节点Node，而常用的节点类型又分为

元素节点 Element

属性节点 Attr

文本节点 Text

文档节点 Document

HTML DOM 定义了针对HTML文档的对象，可以说是一套更加适用于JavaScript技术开发的API

HTML DOM是对XML DOM的扩展

进行 JavaScript DOM开发可以同时使用XML DOM和HTML DOM

getElementById() 方法

getElementById() 方法返回带有指定ID的元素

getElementsByTagName() 方法

getElementsByTagName() 返回带有指定标签名的所有元素。

innerHTML属性

获取元素内容的最简单方法是使用 innerHTML属性。

innerHTML 属性对于获取或替换HTML元素的内容很有用。