聆听风声 点点滴滴都很珍贵!

JS获取浏览器高度和宽度


IE版本:
document.body.clientWidth // BODY对象宽度
document.body.clientHeight // BODY对象高度
document.documentElement.clientWidth // 可见区域宽度
document.documentElement.clientHeight // 可见区域高度
FireFox版本:
document.body.clientWidth // BODY对象宽度
document.body.clientHeight // BODY对象高度
document.documentElement.clientWidth // 可见区域宽度
document.documentElement.clientHeight // 可见区域高度
Opera版本:
document.body.clientWidth // 可见区域宽度
document.body.clientHeight // 可见区域高度
document.documentElement.clientWidth // 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight // 页面对象高度(即BODY对象高度加上Margin高)



document.body.clientWidth // 网页可见区域宽
document.body.clientHeight // 网页可见区域高
document.body.offsetWidth // 网页可见区域宽(包括边线的宽)
document.body.offsetHeight // 网页可见区域高(包括边线的高)
document.body.scrollWidth // 网页正文全文宽
document.body.scrollHeight // 网页正文全文高
document.body.scrollTop // 网页被卷去的高
document.body.scrollLeft // 网页被卷去的左
window对象
window.screenTop // 网页正文部分上
window.screenLeft // 网页正文部分左
window.screen.height // 屏幕分辨率的高
window.screen.width // 屏幕分辨率的宽
window.screen.availHeight // 屏幕可用工作区高度
window.screen.availWidth // 屏幕可用工作区宽度

Comments

Content