html页面的三个width: document, window, screen

Keywords:

document.body.offsetWidth, document.body.offsetHeight,

window.innerWidth, window.innerHeight,

document.documentElement.offsetWidth, document.documentElement.offsetHeight,

screen.width, screen.height

document.body.offsetWidth = 页面内容宽度
window.innerWidth = 浏览器窗口宽度
screen.width = 显示器分辨率宽度
单位均为：px

如果窗口宽度window.innerWidth=800，而内容宽度document.width=960，则页面可能会出现水平滚动条。
分辨率为1280×800的笔记本的screen.width = 1280

 

var height = 768;
if (window.innerHeight) { //Standard
    height = window.innerHeight;
}
else if (document.documentElement.offsetHeight && document.documentElement.offsetHeight > 50) { //IE8 and lower
    height = document.documentElement.offsetHeight;
}
else if (document.body && document.body.offsetHeight && document.body.offsetHeight > 50) {
    height = document.body.offsetHeight;
}

 

关于不同浏览器下的窗口宽度，参考：
http://www.javascripter.net/faq/browserw.htm

转载于:https://www.cnblogs.com/weihongji/p/3493092.html