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

（一）screen對(duì)象，Screen 對(duì)象中存放著有關(guān)顯示瀏覽器屏幕的信息。

常見的屬性有：

availHeight:返回顯示屏幕的高度

availWidth:返回顯示屏幕的寬度

colorDepth:返回目標(biāo)設(shè)備或緩沖器上的調(diào)色板的比特深度。

height:返回屏幕區(qū)域的實(shí)際高度

width:返回屏幕區(qū)域的實(shí)際寬度

?

（二）Window對(duì)象,Window 對(duì)象表示一個(gè)瀏覽器窗口或一個(gè)框架。

常見方法：

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

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

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

name：聲明了新窗口的名稱

features：聲明了新窗口要顯示的標(biāo)準(zhǔn)瀏覽器的特征

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

?

window.close()關(guān)閉當(dāng)前窗口

?

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

moveTo(x,y) 方法可把窗口的左上角移動(dòng)到一個(gè)指定的坐標(biāo)。

moveBy(x,y) 方法可相對(duì)窗口的當(dāng)前坐標(biāo)把它移動(dòng)指定的像素。

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

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

?

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

如： window.defaultStatus = "php點(diǎn)點(diǎn)通";

?

(4)定時(shí)設(shè)定,定時(shí)器可以在特定的時(shí)間內(nèi)執(zhí)行特定的函數(shù)

setTimeout(epress,time) 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。

clearTimeout(timeID)停止已經(jīng)啟動(dòng)的定時(shí)器

如下腳本：

<script>

?

function timer(){

?

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

?

}

?

</script>

?

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

?

setInterval() 方法可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。

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

如下腳本：

<script>

?

var timer;

?

function start(){

?

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

?

window.status = date;

?

}

?

</script>

?

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

?

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

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

appName:返回瀏覽器的名稱。

appVersion:返回瀏覽器的平臺(tái)和版本信息。

platform:返回運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)。

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

?

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

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

其方法有：

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

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

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

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

?

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

其方法：

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

host:設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號(hào)

hostname:設(shè)置或返回當(dāng)前 URL 的主機(jī)名。

href:設(shè)置或返回完整的 URL。

pathname:設(shè)置或返回當(dāng)前 URL 的路徑部分

port:設(shè)置或返回當(dāng)前 URL 的端口號(hào)

protocol:設(shè)置或返回當(dāng)前 URL 的協(xié)議。

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

其方法：

assign()加載新的文檔。

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。