HTML BOM簡介Window 物件Navigator 物件Screen 物件History 物件Location 物件方法和屬性
阿新 • • 發佈：2018-11-05
HTML BOM 物件
瀏覽器物件模型，提供了獨立於內容的、可以與瀏覽器視窗進行互動的物件結構。
BOM提供的多個物件，包括：Window、Navigator、Screen、History、Location等。
其中Window物件為頂層物件，其他物件都為Window物件的子物件。
1. Window 物件
1.1 說明
Window 物件：表示瀏覽器開啟的視窗、標籤或者框架(若當前頁面裡包含多個iframe，會為每個iframe建立Window物件)。
Window物件不會被例項化，呼叫屬性和方法都作為window的靜態成員。
呼叫方式：呼叫Window物件的成員時，可以省略前面的window。如：window.alert() 可寫成 alert() 。
常用方法
- alert()：顯示帶有一段訊息和一個確認按鈕的警告框。
- confirm()：顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。如果使用者點選確定按鈕，則 confirm() 返回 true。如果點選取消按鈕，則 confirm() 返回 false。
- prompt()：輸入對話方塊
- window.open() - 開啟新視窗
- window.close() - 關閉當前視窗
- setInterval() 每多少毫秒秒執行一次
setInterval("clock()",50) - clearInterval() 可取消由 setInterval()
clearInterval(id_of_setinterval) - setTimeout() 多少毫秒秒後執行一次只執行一次
setTimeout("alert('5 seconds!')",5000) - clearTimeout() 可取消由 setTimeout() 方法
clearTimeout(id_of_settimeout)
2.Navigator 物件
2.1 說明
Navigator 物件：包含瀏覽器資訊。如：獲取瀏覽器名稱、版本資訊、作業系統平臺資訊等等。
呼叫方式：window.navigator 或者 navigator。
| 屬性 | 描述 |
|---|---|
| appMinorVersion | 返回瀏覽器的次級版本。 |
| appName | 返回瀏覽器的名稱。 |
| appVersion | 返回瀏覽器的平臺和版本資訊。 |
| browserLanguage | 返回當前瀏覽器的語言。 |
| cookieEnabled | 返回指明瀏覽器中是否啟用 cookie 的布林值。 |
| cpuClass | 返回瀏覽器系統的 CPU 等級。 |
| onLine | 返回指明系統是否處於離線模式的布林值。 |
| platform | 返回執行瀏覽器的作業系統平臺。 |
3. Screen 物件
3.1 介紹
Screen 物件：包含螢幕資訊。如：獲取螢幕高度、寬度等等。
呼叫方式：window.screen 或者 screen。
| 屬性 | 描述 |
|---|---|
| availHeight | 返回顯示螢幕的高度 (除 Windows 工作列之外)。 |
| availWidth | 返回顯示螢幕的寬度 (除 Windows 工作列之外)。 |
| fontSmoothingEnabled | 返回使用者是否在顯示控制面板中啟用了字型平滑。 |
| height | 返回顯示螢幕的高度。 |
| width | 返回顯示器螢幕的寬度。 |
4. History 物件
4.1 說明
History 物件：可對當前頁的瀏覽歷史進行操作，如：前進、後退等。但不能知道瀏覽了哪些URL。
呼叫方式：window.history 或者 history。
| 方法 | 描述 |
|---|---|
| back() | 載入 history 列表中的前一個 URL。 history.back() |
| forward() | 載入 history 列表中的下一個 URL。history.forward() |
| go() | 載入 history 列表中的某個具體頁面。history.go(number|URL) |
5. Location 物件
5.1 說明
Location 物件：可對當前頁面的URL進行操作，如：導航到新的頁面、獲取URL資訊等。
呼叫方式：window.location 或者 location。
location.href=URL