window對象中與窗口、瀏覽器大小相關(guān)屬性

一,概述

?JavaScript中全局變量自動變成window對象的屬性,同時,window對象本身自帶很多屬性,本文是對window對象中描述大寫的一些屬性的學(xué)習(xí)筆記。

二,window.screenX,windowScreenY

?這兩個屬性用于描述瀏覽器左上角相對于屏幕左上角的水平,垂直偏移,所以全屏?xí)r應(yīng)當是這兩個值應(yīng)當都是0,eg:

全屏?xí)r

?屏幕拖動時,輸出相應(yīng)偏移,eg:

拖動后

三,innerWidth,innerHeight

?這兩個屬性為頁面視口寬高(注意不是瀏覽器的,是網(wǎng)頁的),所以全屏?xí)r寬度一般與分辨率寬度一致,高度則不同,eg:

innerWidth,innerHeight

四,outerWidth,outerHeight

?這兩個屬性是獲得瀏覽器寬高的,全屏?xí)r一般等于屏幕分辨率,eg:

image.png

五,pageXOffset,pageYOffset

?這兩個屬性是描述橫、縱軸滾動的,瀏覽器中常發(fā)生的行為為垂直滾動,所以pageXOffset常為0;

六,window.screen.width,window.screen.height

?以上為window.screen對象中的兩個屬性,描述屏幕大小,即分辨率。eg:


image.png

七,window.screen.availWidth,window.screen.availHeight

?以上兩個屬性為window.screen對象中描述屏幕可用寬高的屬性,eg:

screen.availWidth screen.availHeight
最后編輯于
?著作權(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)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,159評論 1 92
  • 1. 中學(xué)生時聽到的第.首歌叫《連鎖反應(yīng)》,在五四青年節(jié)的文藝表演中,有一位長相漂亮身材苗條的女孩唱了這首歌。音樂...
    梅開無聲閱讀 522評論 2 1
  • 文|漫兮羅蘭 圖|源于網(wǎng)絡(luò) 很喜歡一句話:“要么讀書,要么旅行,身體和靈魂總有一個在路上。”世界那么大,我想和朋...
    漫兮羅蘭閱讀 572評論 0 6
  • 沒有太陽的清晨一片蒼際 突兀戳裸的樹杈上零星的幾片沽葉 瞬間溺與天際不知蹤影 恍然頓感窗外狂風(fēng)肆虐 并無人跡 道上...
    jiangwha閱讀 322評論 0 0

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