一.實用的BOM對象屬性方法
BOM(Browser Object Model)是指瀏覽器對象模型,是用於描述這種對象與對象之間層次關係的模型,瀏覽器對象提供了獨立於內容的、可與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成,其中代表瀏覽器窗口的window對象是BOM的頂層對象,其它對象都是該對象的子對象。
BOM主要包括以下幾個:
項目 | 作用位置 |
---|---|
window | 瀏覽器窗口 |
location | 地址欄 |
history | 瀏覽歷史 |
screen | 顯示器屏幕 |
navigator | 瀏覽器軟件 |
document | 網頁 |
1.window對象主要的屬性:
(1)name:指定瀏覽器窗口的名字。
(2)frames[]:返回窗口中所有命名的框架。
(3)pageXOffset:表示文檔向右滾動的像素數。IE不支持,使用scrollLeft代替。
(4)pageYOffset:表示文檔向下滾過的像素數。IE不支持,使用scrollTop代替。
(5)parent返回父窗口。
(6)top返回最頂層的先輩窗口。
(7)self返回當前窗口的引用,等價於window的屬性。
(8)screenLeft/screenTop/screenX/screenY:瀏覽器中文檔窗口的左上角在屏幕上的x和y座標,只讀屬性。IE,Safari,Opera支持screenLeft和screenTop,而Firefox和safari支持ScreenX和ScreenY。
(9)innerHeight:窗口中文檔區域顯示的高度,不含菜單欄工具欄等部分。IE不支持使用html的clientHeight代替(innerWidth同)。
(10)outHeight:表示瀏覽器的高度,包含工具和菜單欄等。IE不支持此屬性且沒有提供可代替的屬性。(outWidth同)。
document.documentElement 就是html標記對象
document.body 就是標記對
2.window對象的主要方法:
(1)alert:彈出對話框。
(2)prompt([text],[defaulttext]):彈出一個輸入對話框。
(3)confirm(text)彈出一個確認對話框,
(4)close()關閉窗口
(5)open([url],[name],[option])打開一個新窗口。
(6)延時器setTimeout()可以實現js的異步執行。
(7)定時器setInertval()。