W3C标准和clientheight的问题(在线等)


如果用ＶＳ２００５，默认会加上如下的引用：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">但是有个问题，如果加了这个引用后，document.body.clientHeight就为０了。
不加这个引用是正常的。有谁知道添加引用后如何取得不加引用时document.body.clientHeight的值。

解决方案 »

  1.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 4</title>
    </head><body>
    <SCRIPT LANGUAGE="JavaScript">
    var  s = "";
    s += "\r\n网页可见区域宽："+ document.body.clientWidth;
    s += "\r\n网页可见区域高："+ document.body.clientHeight;
    s += "\r\n网页可见区域宽："+ document.body.offsetWidth  +" (包括边线的宽，如滚动条等)";
    s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽，如滚动条等)";
    s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
    s += "\r\n网页正文全文高："+ document.body.scrollHeight;
    s += "\r\n网页被卷去的高："+ document.body.scrollTop;
    s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
    s += "\r\n网页正文部分上："+ window.screenTop;
    s += "\r\n网页正文部分左："+ window.screenLeft;
    s += "\r\n屏幕分辨率的高："+ window.screen.height;
    s += "\r\n屏幕分辨率的宽："+ window.screen.width;
    s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
    s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
    alert(s);
    </SCRIPT></body></html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 4</title>
    </head><body>
    <SCRIPT LANGUAGE="JavaScript">
    var  s = "";
    s += "\r\n网页可见区域宽："+ document.body.clientWidth;
    s += "\r\n网页可见区域高："+ document.body.clientHeight;
    s += "\r\n网页可见区域宽："+ document.body.offsetWidth  +" (包括边线的宽，如滚动条等)";
    s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽，如滚动条等)";
    s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
    s += "\r\n网页正文全文高："+ document.body.scrollHeight;
    s += "\r\n网页被卷去的高："+ document.body.scrollTop;
    s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
    s += "\r\n网页正文部分上："+ window.screenTop;
    s += "\r\n网页正文部分左："+ window.screenLeft;
    s += "\r\n屏幕分辨率的高："+ window.screen.height;
    s += "\r\n屏幕分辨率的宽："+ window.screen.width;
    s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
    s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
    alert(s);
    </SCRIPT></body></html>
      

  3.   

    自己搞定了，应该用document.documentElement.clientHeight