瀏覽器對象模型BOM

2019-04-20

window對象

屬性 描述
closed 返回窗口是否已被關(guān)閉。
defaultStatus 設(shè)置或返回窗口狀態(tài)欄中的默認(rèn)文本。
document 對Document對象的只讀引用。
history 對History對象的只讀引用。
innerheight 返回窗口的文檔顯示區(qū)的高度。
innerwidth 返回窗口的文檔顯示區(qū)的寬度。
length 設(shè)置或返回窗口中的框架數(shù)量。
location 用于窗口或框架的Location對象。
name 設(shè)置或返回窗口的名稱。
Navigator 對Navigator對象的只讀引用。
opener 返回對創(chuàng)建此窗口的窗口的引用。
alert() 顯示帶有一段消息和一個確認(rèn)按鈕的消息框。
confirm() 顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對話框。
open() 打開一個新的瀏覽器窗口。
close() 關(guān)閉瀏覽器窗口。
setInterval() 按照指定的周期(以毫秒計)來調(diào)用函數(shù)或計算表達(dá)式。
setTimeout() 在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達(dá)式。
clearInterval() 取消由setInterval() 設(shè)置的timeout。
clearTimeout() 取消由setTimeout() 方法設(shè)置的timeout。
print() 打印當(dāng)前窗口的內(nèi)容。
prompt() 顯示可提示用戶輸入的對話框。
resizeBy() 按照指定的像素調(diào)整窗口的大小。
resizeTo() 把窗口的大小調(diào)整到指定的寬度和高度。
scrollBy() 按照指定的像素值來滾動內(nèi)容。
scrollTo() 把內(nèi)容滾動到指定的坐標(biāo)。
blur() 把鍵盤焦點從頂層窗口移開。
createPopup() 創(chuàng)建一個pop-up窗口。
focus() 把鍵盤焦點給予一個窗口。
moveBy() 可相對窗口的當(dāng)前坐標(biāo)把它移動指定的像素。
moveTo() 把窗口的左上角移動到一個指定的坐標(biāo)。
focus() 把鍵盤焦點給予一個窗口。
moveBy() 可相對窗口的當(dāng)前坐標(biāo)把它移動指定的像素。
moveTo() 把窗口的左上角移動到一個指定的坐標(biāo)。

1.打開/關(guān)閉窗口

window.open("打開窗口的url","窗口名","窗口特征");
window.close();

如果窗口創(chuàng)建成功,window.open()返回新窗口對象,否則返回null表示失敗。

窗口的主要特征

名稱 說明
height、width 窗口文檔顯示區(qū)的高度、寬度。以像素計。
left、top 窗口的x坐標(biāo)、y坐標(biāo)。以像素計
toolbar=yes | no |1 | 0 是否顯示瀏覽器的工具欄。黙認(rèn)是yes。
scrollbars=yes | no |1 | 0 是否顯示滾動條。黙認(rèn)是yes。
location=yes | no |1 | 0 是否顯示地址地段。黙認(rèn)是yes。
status=yes | no |1 | 0 是否添加狀態(tài)欄。黙認(rèn)是yes。
menubar=yes | no |1 | 0 是否顯示菜單欄。黙認(rèn)是yes。
resizable=yes | no |1 | 0 窗口是否可調(diào)節(jié)尺寸。黙認(rèn)是yes。
titlebar=yes | no |1 | 0 是否顯示標(biāo)題欄。黙認(rèn)是yes。
fullscreen=yes | no |1 | 0 是否使用全屏模式顯示瀏覽器。黙認(rèn)是no。處于全屏模式的窗口必須同時處于劇院模式。

2.窗口定時器

setTimeout方法

setTimeout("調(diào)用的代碼", 指定的時間后[毫秒])

setInterval方法

setInterval("調(diào)用的代碼", 指定的時間間隔[毫秒])

document對象

主要方法

方法 描述
getElementById 返回對擁有指定id的對象的引用。
getElementsByName 返回帶有指定名稱的對象集合。
getElementsByTagName 返回帶有指定標(biāo)簽名的對象集合。
getElementsByClassName 返回使用指定class樣式名稱的對象集合。

document子對象集合

集合 描述
images[] 返回對文檔中所有image對象引用。
forms[] 返回對文檔中所有form對象引用。亦可通過forms.item(i)的形式取得表單引用。<br /> 可通過length屬性取 得表單元素數(shù)目??赏ㄟ^elements屬性按照索引取得表單內(nèi)的所有元素。
links[] 返回文檔中所有鏈接對象(<a>標(biāo)記和<map>標(biāo)記)的引用
anchors[] 返回文檔中所有Anchor對象(<a>標(biāo)記)的引用。
all[] 返回對文檔中所有HTML元素的引用(只IE支持)。

location對象

獲取或設(shè)置瀏覽器的當(dāng)前URL。

方法 描述
assign(url) 加載新的文檔。相當(dāng)于對window.location賦值
reload() 重新加載當(dāng)前文檔。相當(dāng)于刷新(F5鍵)。
replace(url) 打開另一個 URL,并取代歷史對象中當(dāng)前位置的地址。<br /> 用這個方法打開一個 URL 后,按下瀏覽器的“后退”鍵將不能返回到剛才的頁面。

history對象

history對象提供了歷史清單信息,包含用戶在瀏覽器窗口中訪問過的URL。

back():后退到上一個瀏覽頁面。效果等價于點擊后退按鈕或調(diào)用history.go(-1)。
foward():前進(jìn)到下一個瀏覽頁面。效果等價于點擊前進(jìn)按鈕或調(diào)用history.go(1)。
go(intValue):該方法可指定前進(jìn)或后退多少個頁面,其中的intValue控制前進(jìn)、后退頁面數(shù)。為正是前進(jìn),為負(fù)時后退。

navigator對象

appName屬性:瀏覽器的官方名稱
appVersion屬性:瀏覽器的版本號
platform屬性:運(yùn)行瀏覽器的操作系統(tǒng)平臺
userAgent屬性:顯示綜合屬性信息

screen對象

屬性 描述
availHeight 返回顯示屏幕的高度 (除Windows任務(wù)欄之外)。
availWidth 返回顯示屏幕的寬度 (除Windows任務(wù)欄之外)。
bufferDepth 設(shè)置或返回調(diào)色板的比特深度。
colorDepth 返回目標(biāo)設(shè)備或緩沖器上的調(diào)色板的比特深度。
height 返回顯示屏幕的高度。
pixelDepth 返回顯示屏幕的顏色分辨率(比特每像素)。
updateInterval 設(shè)置或返回屏幕的刷新率。
width 返回顯示器屏幕的寬度。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容