BOM即瀏覽器對象模型，它包括如下一些對象！

（一）screen對象，Screen 對象中存放著有關顯示瀏覽器屏幕的信息。

常見的屬性有：

availHeight:返回顯示屏幕的高度

availWidth:返回顯示屏幕的寬度

colorDepth:返回目標設備或緩沖器上的調色板的比特深度。

height:返回屏幕區域的實際高度

width:返回屏幕區域的實際寬度

?

（二）Window對象,Window 對象表示一個瀏覽器窗口或一個框架。

常見方法：

(1)窗口的打開與關閉：

window.open(URL,name,features,replace),四個都為可選參數

URL：新窗口中顯示的文檔的 URL

name：聲明了新窗口的名稱

features：聲明了新窗口要顯示的標準瀏覽器的特征

replace：布爾值，true - URL 替換瀏覽歷史中的當前條目。 false - URL 在瀏覽歷史中創建新的條目。?

?

window.close()關閉當前窗口

?

（2）改變窗口的位置和大小：

moveTo(x,y) 方法可把窗口的左上角移動到一個指定的坐標。

moveBy(x,y) 方法可相對窗口的當前坐標把它移動指定的像素。

resizeTo(width,height) 方法用于把窗口大小調整為指定的寬度和高度。

resizeBy(x,y) 方法用于根據指定的像素來調整窗口的大小。

?

(3)狀態欄，通過設置window對象的status屬性和defaultStatus屬性來改變狀態欄顯示的基本信息。

如： window.defaultStatus = "php點點通";

?

(4)定時設定,定時器可以在特定的時間內執行特定的函數

setTimeout(epress,time) 方法用于在指定的毫秒數后調用函數或計算表達式。

clearTimeout(timeID)停止已經啟動的定時器

如下腳本：

<script>

?

function timer(){

?

var t = setTimeout("alert('5秒到了')",5000);

?

}

?

</script>

?

<input type="button" value="點擊改變" onclick="timer()" />

?

setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。

clearInterval()停止使用setInterval() 方法

如下腳本：

<script>

?

var timer;

?

function start(){

?

var date = new Date().toLocaleString();

?

window.status = date;

?

}

?

</script>

?

<input type="button" value="顯示時間" onclick="timer=setInterval('start()',1000)" />

?

<input type="button" value="停止時間" onclick="clearInterval(timer)" />

(5)Navigator對象，包含的屬性描述了正在使用的瀏覽器

appName:返回瀏覽器的名稱。

appVersion:返回瀏覽器的平臺和版本信息。

platform:返回運行瀏覽器的操作系統平臺。

appCodeName:返回瀏覽器的代碼名。

?

(6)History對象，其實就是來保存瀏覽器歷史記錄信息。

其屬性有：length，返回瀏覽器歷史列表中的 URL 數量。

其方法有：

back()加載 history 列表中的前一個 URL。

forward()加載 history 列表中的下一個 URL。

go()加載 history 列表中的某個具體頁面。

如常見的返回上一頁：History.go(-1)和history.back()

?

(7)Location對象，Location 對象是 Window 對象的一個部分，可通過 window.location 屬性來訪問。

其方法：

hash:設置或返回從井號 (#) 開始的 URL（錨）。

host:設置或返回主機名和當前 URL 的端口號

hostname:設置或返回當前 URL 的主機名。

href:設置或返回完整的 URL。

pathname:設置或返回當前 URL 的路徑部分

port:設置或返回當前 URL 的端口號

protocol:設置或返回當前 URL 的協議。

search:設置或返回從問號 (?) 開始的 URL（查詢部分）。

其方法：

assign()加載新的文檔。

reload()重新加載當前文檔。

replace()用新的文檔替換當前文檔。

總結

以上是生活随笔為你收集整理的js的BOM对象完全解析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。