您的位置:首页 > Web前端 > HTML

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

2013-12-26 21:18 337 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐