一,概述
?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