document.body.clientWidth的奇怪问题

举个例子，假使浏览器最大化：
-------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
*{ margin:1; padding:0;}
</style>
</head>
<body>
</body>
</html>
<script>
alert(document.body.clientWidth);
</script>-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
*{ margin:0; padding:0;}
</style>
</head>
<body>
</body>
</html>
<script>
alert(document.body.clientWidth);
</script>
------------------------------------------------------------------------
<html>
<head>
<style>
*{ margin:1; padding:0;}
</style>
</head>
<body>
</body>
</html>
<script>
alert(document.body.clientWidth);
</script>
---------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
*{ margin:0; padding:0;}
</style>
</head>
<body>
</body>
</html>
<script>
alert(document.body.clientWidth);
</script>
----------------------------------------------------------------------------第一种情况的值为983，其余的都为1003，请问如何使第一种情况document.body.clientWidth的值也为1003，或者用其他函数能获得页面的实际宽度也可以

解决方案 »

  1.   

    我做的是类似流量统计的一个系统，是要把代码插入到其他网站上的，所以加不加DHTML声明不是我能决定的
      

  2.   

    document.documentElement.clientWidth
    页面上不是只有BODY的
      

  3.   

    var MzElement={}; //节选自 jsframework
    MzElement.body=function()
    {
      var W, H, SL, ST;
      var w=window, d=document, dd=d.documentElement;  if(w.innerWidth) W=w.innerWidth;
      else if(dd&&dd.clientWidth) W=dd.clientWidth;
      else if(d.body) W=d.body.clientWidth;  if(w.innerHeight) H=w.innerHeight;
      else if(dd&&dd.clientHeight) H=dd.clientHeight; 
      else if(d.body) H=d.body.clientHeight;  if(w.pageXOffset) SL=w.pageXOffset;
      else if(dd&&dd.scrollLeft) SL=dd.scrollLeft;
      else if(d.body) SL=d.body.scrollLeft;  if(w.pageYOffset) ST=w.pageYOffset;
      else if(dd&&dd.scrollTop) ST=dd.scrollTop;
      else if(d.body) ST=d.body.scrollTop;  return {"scrollTop":ST,"scrollLeft":SL,"clientWidth":W,"clientHeight":H};
    }var body = MzElement.body();
    alert(body.clientWidth);