JavaScript中的BOM對象是瀏覽器對象模型(Browser Object Model)的一部分。它包含了一系列與瀏覽器窗口有關(guān)的屬性和方法,使得JavaScript能夠與瀏覽器進行交互并控制瀏覽器的行為。
BOM對象主要包括以下幾個常用對象:
- window對象:代表當(dāng)前的瀏覽器窗口,它是BOM的核心對象。
- screen對象:代表用戶的顯示屏幕。
- location對象:代表當(dāng)前文檔的URL。
- history對象:代表用戶的瀏覽歷史。
- navigator對象:代表用戶的瀏覽器。
下面我們來逐個了解它們的含義和用法。
window對象
window是BOM的核心對象,它代表了當(dāng)前的瀏覽器窗口。實踐中,我們常常使用window對象來獲取一些瀏覽器窗口的信息和執(zhí)行瀏覽器的操作。
// 顯示當(dāng)前窗口的大小
console.log(window.innerWidth + 'x' + window.innerHeight);
// 關(guān)閉當(dāng)前窗口
window.close();
// 打開一個新窗口
window.open('http://www.example.com');
screen對象
screen對象代表用戶的顯示屏幕,它可以提供屏幕的尺寸、顏色深度等信息。
// 獲取屏幕的寬度和高度
console.log(screen.width + 'x' + screen.height);
// 獲取屏幕的顏色深度
console.log(screen.colorDepth + ' bits');
location對象
location對象代表當(dāng)前文檔的URL。它允許我們獲取當(dāng)前文檔的URL、修改當(dāng)前文檔的URL、加載一個新的文檔等操作。
// 獲取當(dāng)前文檔的URL
console.log(location.href);
// 修改當(dāng)前文檔的URL
location.;
// 加載一個新的文檔
location.replace('http://www.example.com');
history對象
history對象代表用戶的瀏覽歷史,它允許我們遍歷用戶的瀏覽歷史、前進或后退到歷史中的某個頁面等操作。
// 前進或后退到歷史中的某個頁面
history.back();
history.forward();
// 在歷史記錄中向前或向后移動多個步驟
history.go(-2);
history.go(3);
navigator對象
navigator對象代表用戶的瀏覽器。它允許我們獲取瀏覽器的名稱、版本號、廠商名稱等信息。
// 獲取瀏覽器的名稱和版本號
console.log(navigator.appName + ' ' + navigator.appVersion);
// 獲取瀏覽器的廠商名稱
console.log(navigator.vendor);
總之,BOM對象提供了豐富的API,允許我們控制瀏覽器的行為、獲取瀏覽器的信息,從而擴展了JavaScript在瀏覽器中的能力。
上一篇ajax接收后端傳回的值
下一篇css樣式字體背景漸變