菜鸟想详细了解document.body.offsetHeight

各位大虾javascript里有document.body.offsetWidth跟document.body.offsetHeight为什么能获得width的值而height的值始终保持零我用的是IE浏览器，XP系统我想可能是W3C验证问题，但有没有方法符合W3C验证而又能获取内容的width跟height值的属性？

解决方案 »

  1.   

    窗口大小变化后，下面的某些属性也会变化<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title></head><body>
    <div id="divMsg"></div>
    <script>
    document.getElementById("divMsg").innerHTML += "document.documentElement.clientWidth = " + document.documentElement.clientWidth + "<br/>";
    document.getElementById("divMsg").innerHTML += "document.documentElement.clientHeight = " + document.documentElement.clientHeight + "<br/><br/>";document.getElementById("divMsg").innerHTML += "document.documentElement.offsetWidth = " + document.documentElement.offsetWidth + "<br/>";
    document.getElementById("divMsg").innerHTML += "document.documentElement.offsetHeight = " + document.documentElement.offsetHeight + "<br/><br/>";document.getElementById("divMsg").innerHTML += "document.documentElement.scrollWidth = " + document.documentElement.scrollWidth + "<br/>";
    document.getElementById("divMsg").innerHTML += "document.documentElement.scrollHeight = " + document.documentElement.scrollHeight + "<br/><br/>";document.getElementById("divMsg").innerHTML += "document.documentElement.scrollTop = " + document.documentElement.scrollTop + "<br/>";
    document.getElementById("divMsg").innerHTML += "document.documentElement.scrollLeft = " + document.documentElement.scrollLeft + "<br/><br/>";document.getElementById("divMsg").innerHTML += "window.screenTop = " + window.screenTop + "<br/>";
    document.getElementById("divMsg").innerHTML += "window.screenLeft = " + window.screenLeft + "<br/><br/>";document.getElementById("divMsg").innerHTML += "window.screen.height = " + window.screen.height + "<br/>";
    document.getElementById("divMsg").innerHTML += "window.screen.width = " + window.screen.width + "<br/><br/>";document.getElementById("divMsg").innerHTML += "window.screen.availHeight = " + window.screen.availHeight + "<br/>";
    document.getElementById("divMsg").innerHTML += "window.screen.availWidth = " + window.screen.availWidth + "<br/><br/>";</script>
    </body>
    </html>
      

  2.   

    document.body.offsetWidth->document.documentElement.offsetWidth