网页宽高

网页可见区域宽： 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.screenTop 

网页正文部分左： window.screenLeft 

屏幕分辨率的高： window.screen.height 

屏幕分辨率的宽： window.screen.width 

屏幕可用工作区高度： window.screen.availHeight 

屏幕可用工作区宽度： window.screen.availWidth 

 

在IE、FireFox、Opera下都可以使用 

document.body.clientWidth 

document.body.clientHeight 

Opera仍然使用 

document.body.clientWidth 

document.body.clientHeight 

可是IE和FireFox则使用 

document.documentElement.clientWidth 

document.documentElement.clientHeight 

 

如果在页面中添加这行标记的话 

在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高） 

而如果没有定义W3C的标准，则 

IE为： 

document.documentElement.clientWidth ==> 0 

document.documentElement.clientHeight ==> 0 

FireFox为： 

document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 

Opera为： 

document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高） 

在HTML 中, body 是整个DOM 的根, 而在XHTML 中, document 才是根, body 不再是根, 所以取body 的属性时, 不能再取到整个页面的值. 

 

 

转载于:https://www.cnblogs.com/wxtlinlin/p/6431795.html