JS取网页的阔与高－多种情况细细说来

JS取网页的宽与高－多种情况细细说来

注：以下方法兼容IE6,7, FF3。
下面是取网页的宽与高，情况很复杂，有正文宽高，窗口宽高，可能有滚动条.
有滚动条时正文高一定大于窗口高，
无滚到条时正文高可能小于等于窗口高。
宽度同理，就不说了。


应用1:用JS取浏览器窗口内侧的宽与高，动态调整页面的宽度（或高度），求：网页可见区域宽（或高），就是下面代码中的Width_4（Height_4）。

应用2：做一个灰色的DIV蒙层蒙住整个页面，
页面本无滚动条时，DIV蒙层过大，反而会出现滚动条，所以DIV蒙层尺寸一定要精确，用“网页可见区域宽”，就是下面代码中的Width_4（Height_4）。

页面有滚动条时，DIV蒙层还要蒙住滚动动条隐藏起来的部分,用“滚动条宽1”
//DIV蒙层的宽度? Width_1>Width_4?Width_1:Width_4
//DIV蒙层的高度? Height_1>Height_4?Height_1:Height_4

function setStyle()
{
document.getElementById("Test").style.width=document.body.clientWidth;
document.getElementById("Test").style.Hight=window.screen.availHeight;
document.getElementById("checkbox_sizemodellist").style.width=screen.width;
document.getElementById("checkbox_sizemodellist").style.Hight=screen.height;
document.getElementById("checkbox_sizemodellist").style.left=0;
document.getElementById("checkbox_sizemodellist").style.top=0;
}
</script>

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