Window對象屬 Window對象方法

Window對象屬性

ScreenLeft/ScreenTop/ScreenX/ScreenY

只讀整數,聲明瞭窗口的左上角在屏幕上的 x 座標 和 y 座標。

IE、Safari 和 Opera 支持 ScreenLeft/ScreenTop

Firefox、Safari 支持 ScreenX/ScreenY

Chrome 都支持

圖片描述


innerWidth/innerHeight

只讀屬性,聲明瞭窗口的文檔顯示區的寬度和高度,以像素計。這裏的寬度和高度不包括菜單欄、工具欄以及滾動條等的高度

IE 不支持這些屬性。它用 document.documentElement 或 document.body (與 IE 的版本相關)的
clientWidth 和 clientHeight 屬性作爲替代。

圖片描述


outerWidth/outerHeight

只讀屬性,聲明瞭整個窗口的寬度和高度

IE不支持此屬性,且沒有提供代替的屬性

圖片描述


pageXOffset/pageYOffset

設置或返回當前頁面相對於窗口顯示區左上角的 X/Y 位置

Window 對象方法

moveBy( )

語法: window.moveBy(x,y)

相對窗口當前的座標,把它移動到指定的像素

x:要把窗口右移的像素

y: 要把窗口下移的像素


moveTo( )

語法: window.moveTo(x,y)

把窗口的左上角移動到一個指定的座標

x:窗口新位置的 x 座標

y: 窗口新位置的 y 座標

提示:出於安全方面的原因,瀏覽器限制此方法使其不能把窗口移出屏幕。

resizeBy( )

語法:resizeBy(width, height)

根據指定的像素來調整窗口的大小

width:必需,要使窗口寬度增加的像素數。可以是正、負數值

height:可選,要使窗口高度增加的像素數。可以是正、負數值

resizeTo( )

語法:resizeTo(width, height)

把窗口的大小調整爲指定的寬度和高度

width:必需,想要調整到的窗口的寬度。以像素計

height:可選,想要調整到的窗口的高度。以像素計

scrollBy( )

語法:scrollBy(xnum, ynum)

把內容滾動指定的像素數

xnum:必需,把文檔向右滾動的像素數

ynum:必需,把文檔向下滾動的像素數

scrollTo( )

語法:scrollTo(xpos, ypos)

把內容滾動到指定的座標

xpos:必需,要在窗口文檔顯示區左上角顯示的文檔的 x 座標

ypos:必需,要在窗口文檔顯示區左上角顯示的文檔的 y 座標

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