document.body.clientHeight與document.documentElement.clientHeight與window.screen.availHeight三者的區別
document.write(document.body.clientHeight); document.write(document.body.clientWidth); document.write(document.documentElement.clientHeight); document.write(document.documentElement.clientWidth); document.write(window.screen.availHeight); document.write(window.screen.availWidth); 以上三種獲取的值都不同,何解?
2017-02-20
screen.availWidth; ? ?//返回可用的屏幕寬度
screen.availHeight; ? ?//返回可用的屏幕高度
window.innerWidth; ? //返回可用的瀏覽器窗口文檔的寬度 ? 兼容ie9+
window.innerHeight; ? //返回可用的瀏覽器窗口文檔的高度 ?兼容ie9+
在不同瀏覽器都實用的 JavaScript 方案:獲取可視區域寬高
var oWidth = document.documentElement.clientWidth || document.body.clientWidth;
var oHeight = document.documentElement.clientHeight || document.body.clientHeight;
2017-01-21
1 ??window.innerHeight和window.innerWidth;
2 ??document.body.clientHeight和document.body.clientWidth;
3 ??document.documentElement.clientHeight和document.documentElement.clientWidth;
1和3的值是應該相同的,2的值不同是因為他獲取的是body的文檔高和寬,而且隨著你輸出的內容的變化,2的高也會發生變化。
2017-01-04
值的不同,是由于代碼的不同,這很明顯,而你不懂,是不知道英文單詞的意思,查查就知道了