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″;
这样处理后页面的整个高度和宽度就是你浏览整个页面的高度和宽度

发表评论

您的电子邮箱地址不会被公开。