一.BOM

BOM指（Brower Object Model）瀏覽器對象模型。

從BOM的角度看，側重于從集合的角度看問題，把頁面劃分為不同的部分，以及頁面本身的一些屬性，如背景色，標題名稱等，由于BOM的實現是基于瀏覽器的，所以不同瀏覽器的屬性和方法有不一致之處，這造成很多麻煩。注意一些一致的，常用的屬性和方法，BOM把頁面分為如下幾部分：

anchors : Collection of all anchors in the page(represented by )

applets : Collection of all applets in the page

forms : Collection od all embeded objects in the page(represented by the tag)

images : Collection of all forms in the page

links : Collection of all links in the page (represented by )

二.Window對象

Window對象屬于BOM對象。

他是JavaScript 層級中的頂層對象。Windows 對象會呈現 (represent) 一個瀏覽器窗口。每當 或者標簽出現，Window 對象就會被自動創建。觀察BOM的體系結構，所有的對象都源自window對象，

window對象的屬性：

對象	描述
Navigator	包含客戶端瀏覽器的信息。
Screen	包含客戶端顯示屏的信息。
History	包含了瀏覽器窗口訪問過的 URL。
Location	包含了當前 URL 的信息。
frames	集合屬性，返回窗口中所有命名的框架。
document	對象代表整個 HTML 文檔，可用來訪問頁面中的所有元素

注意：Navigator, Screen, History, Location等對象實際上是 JavaScript 對象，而不是 HTML DOM 對象，它們是由 JavaScript runtime engine 自動創建的。

三.HTML DOM 對象

當一個HTML標簽出現一次，下面的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 表單中的一個重置按鈕
submit	代表 HTML 表單中的一個確認按鈕
Input text	代表 HTML 表單中的一個文本輸入域（文本框）
Link	代表一個 link 元素
Meta	代表一個 meta 元素
Object	代表一個 Object 元素
Option	代表一個 option元素
Select	代表 HTML 表單中的一個選擇列表
Style	代表一個單獨的樣式聲明
Table	代表一個 table 元素
TableData	代表一個 td 元素
TableRow	代表一個 tr 元素
Textarea	代表一個 textarea 元素

四.Document對象

Document是唯一BOM和DOM都有的對象。

Document 對象代表整個 HTML 文檔，可用來訪問頁面中的所有元素，它是 Window 對象的一個部分，可通過window.document 屬性來訪問

Document 對象的屬性

屬性	描述
“b ody”	提供對 body 元素的直接訪問
cookie	設置或返回與當前文檔有關的所有 cookies
domain	返回當前文檔的域名
lastModified	返回文檔被最后修改的日期和時間
referrer	返回載入當前文檔的文檔的 URL
title	返回當前文檔的標題
URL	返回當前文檔的 URL

Document 對象的集合屬性

集合屬性    描述

anchors[]  返回對文檔中所有 Anchor 對象的引用

forms[]    返回對文檔中所有 Form 對象引用

images[]   返回對文檔中所有 Image 對象引用

links[]    返回對文檔中所有 Area 和 Link 對象引用