前端知識點總結

一.實用的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()。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章