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 頁面中的所有元素進行訪問。
參考和引用：
