瀏覽器物件模型 BOM

2021-08-09 05:27:03 字數 2117 閱讀 3517

bom的核心物件是window物件,其他物件都是window物件的子物件

一、瀏覽器物件模型

二、window物件

屬性

1.位置型別

(瀏覽器距離螢幕的距離)

// ie chrome

alert(window.screenleft)

alert(window.screentop)

// ff chrome

alert(window.screenx)

alert(window.screeny)

2.尺寸型別 (瀏覽器的文件尺寸)

alert(window.innerwidth) //(有相容性)

alert(window.innerheight)

alert(document.documentelement.clientwidth)

alert(document.documentelement.clientheight)

3.解析度(電腦螢幕的尺寸)

alert(window.screen.width)

alert(window.screen.height)

4.狀態列(ie瀏覽器最下面的一欄)

window.status=""

方法

1.對窗體的移動

window.moveby(100,100) (只有ie可用,重新整理每次移動100,100)

window.moveto(100,100) (只有ie可用,移動到,重新整理後都會移動到距離螢幕100,100處)

2.對視窗大小的改變

window.resizeby(50,50) (只有ie可用,每次都減小50,50)

window.resizeto(50,50) (只有ie可用,減小到50,50大)

3.滾動條

window.scrollby()   相對於當前滾動條的位置移動的畫素(前提有滾動條)

window.scrollto()   相對於當前視窗的高度或寬度,移動到指定的畫素

4.時間函式

setinterval(函式指標,指定的時間(毫秒))     按照指定的週期不斷執行函式

cleainterval()   清除時間函式的程序

settimeout(函式指標,指定的時間(毫秒))   在指定的毫秒數後只執行一次函式

cleartimeout()  清除時間函式程序

5.其他方法

alert()  顯示帶有一段訊息和乙個確認按鈕的警示框

confirm()  顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊

prompt()  顯示可提示使用者輸入的對話方塊

close() 關閉瀏覽器視窗

open(url,name,feafurse,replace)  通過指令碼開啟新視窗

三、window子物件

1.history:包含使用者訪問過的url,是window的子物件

history.length   返回歷史記錄的長度

history.back()  載入歷史記錄的上乙個

history.forward()  載入歷史記錄的下乙個

2.location :可直接操作位址列

location.assign()   載入新的文件,並在歷史記錄裡留下記錄

location.replace()  直接替換頁面,不可回退(不保留歷史記錄)     

——href  設定或返回完整的url

——host  設定或返回主機名和當前url的埠號

hostname  設定或返回當前url的主機名

port  設定或返回當前url的埠號

——hash  設定或返回#開始的錨鏈結

——pathname  設定或返回當前url的路徑部分

——search設定或返回從?開始的url(查詢部分)

網路傳輸協議   https   http

協議   file(本地檔案傳輸)    ftp(郵件傳輸協議)

——protocal設定或返回當前url協議

BOM瀏覽器物件模型

bom能做什麼 操作瀏覽器視窗 提供導航物件 提供定位物件 提供跟螢幕相關物件 提供對 cookie 的支援 window物件 開啟瀏覽器後麻黃素那個建立window物件,代表整個視窗 作用 操作視窗 moveby dx,dy 移動指定的距離 moveto x,y 移動到指定位置 resizeby ...

BOM 瀏覽器物件模型

延時器 var timerid settimeout cleartimeout timerid 定時器 var timerid setinterval clearinterval timerid 延時器延時一段時間執行一次 定時器 間隔一段時間不停的執行,想要停止,手動呼叫clearinterval...

BOM 瀏覽器物件模型

console.log window.name 是空 特殊地方在於js是動態類的語言,正常結果乙個是undefined console.log window.type undefined console.log top 輸出得是window物件 console.log window 和上面一樣,是等...