JavaScript BOM（瀏覽器對象模型）是指瀏覽器提供的一組 JavaScript 對象集合，其結構圖如下所示。JavaScript BOM 提供了訪問和操作瀏覽器和頁面的對象，使得我們可以通過 JavaScript 控制瀏覽器及其行為，例如操作窗口、修改 URL、獲取屏幕分辨率等等。

<img src="https://i.imgur.com/e2DRtdR.png">

窗口對象是 JavaScript BOM 的核心組件之一，它代表了瀏覽器中的每一個窗口。當一個窗口被打開時，它就成為了窗口對象的一個實例。例如，我們可以通過使用窗口對象的 open() 方法打開一個新的窗口。

var popupWindow = window.open("http://www.google.com");

除了打開新窗口，JavaScript BOM 還允許我們對已打開的窗口進行操作。例如，我們可以使用窗口對象的 close() 方法關閉當前窗口。

window.close();

JavaScript BOM 還包括了許多其他對象，例如 history 和 location 對象。history 對象包含當前窗口的瀏覽歷史記錄，它允許我們在歷史記錄中前進和后退。例如，我們可以使用 history 對象的 back() 方法退回到前一個頁面。

history.back();

location 對象表示了當前窗口的 URL。它允許我們修改 URL、加載新頁面并獲取 URL 的各個部分。例如，我們可以使用 location 對象的 href 屬性修改當前窗口的 URL。

location.;

JavaScript BOM 還包括了 screen 和 navigator 對象。screen 對象提供了關于用戶屏幕的信息，例如屏幕分辨率和可用顏色。例如，我們可以使用 screen 對象的 width 屬性獲取用戶屏幕的寬度。

var screenWidth = screen.width;

navigator 對象提供了關于用戶瀏覽器的信息，例如瀏覽器名稱和版本。例如，我們可以使用 navigator 對象的 userAgent 屬性獲取用戶瀏覽器的 User-Agent。

var userAgent = navigator.userAgent;

總之，JavaScript BOM 提供了訪問和操作瀏覽器和頁面的對象。通過使用這些對象和方法，我們可以控制瀏覽器及其行為，更好地開發 Web 應用程序。