JavaScript BOM 教程
JavaScript BOM 指的是 JavaScript 瀏覽器對象模型（Browser Object Model），它是一組 API（應用程序接口）和對象，提供了對瀏覽器窗口和文檔的訪問，并允許 JavaScript 代碼對頁面進行操作。在本教程中，我們將介紹一些最常見的 JavaScript BOM API 和對象，并提供一些實例。
window 對象
Window 對象是 BOM 中最重要的對象之一，它代表了瀏覽器中打開的窗口或標簽頁。Window 對象具有許多屬性和方法，例如：
- window.innerHeight 和 window.innerWidth：返回瀏覽器窗口的高度和寬度。
- window.location：返回當前頁面的 URL。
- window.alert()：在瀏覽器中彈出一個消息框。
以下代碼將向用戶顯示一個警告框，要求他們確認是否要繼續執行操作：
```html```
document 對象
Document 對象代表了當前窗口或標簽頁中的 HTML 文檔。通過 document 對象，我們可以訪問和操作頁面的內容。例如：
- document.title：獲取或設置當前頁面的標題。
- document.getElementById()：根據 ID 獲取元素。
- document.getElementsByTagName()：根據標簽名獲取元素。
以下代碼將更改頁面標題：
```html```
以下代碼將從文檔中獲取 ID 為 "myElement" 的元素，并更改其文本內容：
```html
Old Text
``` navigator 對象 Navigator 對象提供了瀏覽器相關的信息，例如用戶代理（User Agent）、瀏覽器版本、瀏覽器語言等。以下是一些 navigator 對象的常用屬性： - navigator.userAgent：返回用戶代理字符串。 - navigator.appName：返回瀏覽器的名稱。 - navigator.appVersion：返回瀏覽器的版本。 - navigator.language：返回瀏覽器的語言。 例如，以下代碼將向用戶顯示瀏覽器名稱和版本： ```html``` history 對象 History 對象允許 JavaScript 訪問瀏覽器的歷史記錄，并在瀏覽器窗口中前進或后退。history 對象的方法包括： - history.back()：返回瀏覽器的上一頁。 - history.forward()：轉到瀏覽器的下一頁。 - history.go()：轉到瀏覽器的指定頁面。 例如，以下代碼將向用戶提供一個按鈕，點擊它將返回上一頁： ```html``` screen 對象 Screen 對象提供了關于屏幕的信息，例如屏幕的寬度和高度、顏色深度等。以下是一些常用的 screen 對象屬性： - screen.availHeight 和 screen.availWidth：返回屏幕的可用高度和寬度。 - screen.colorDepth：返回屏幕的顏色深度，以位數表示。 例如，以下代碼將向用戶顯示屏幕的寬度和高度： ```html``` 總結 在本教程中，我們介紹了 JavaScript BOM 的一些常用 API 和對象，包括 Window、Document、Navigator、History 和 Screen 對象。通過學習這些對象和屬性，您可以更好地理解 JavaScript 在瀏覽器中的工作原理，并開始構建更強大、更功能強大的 Web 應用程序。