[JS]页面宽度与高度

网页可见区域宽:
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

对于firefox有个兼容性问题。

如果想设置整个网页的页面宽度用一个层遮罩住的话，要这样处理

function browserWidth() {
if (self.innerWidth) {
return self.innerWidth;
} else{
return document.body.clientWidth;
}
return 800;
}

var ht=browserHeight()+10+”px”;

document.getElementById(”v_full_screen”).style.position=”absolute”;
document.getElementById(”v_full_screen”).style.left=”0px”;
document.getElementById(”v_full_screen”).style.top=”0px”;
document.getElementById(”v_full_screen”).style.width=wd;
var scht=document.body.scrollHeight+”px”;
document.getElementById(”v_full_screen”).style.height=scht;
document.getElementById(”v_full_screen”).style.background=”#000033″;

这样处理后页面的整个高度和宽度就是你浏览整个页面的高度和宽度