在页面中和在被引用的脚本中，js得到的页面宽度不同？

有两个文件，一个是页面，一个是引用的js
页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <script type="text/javascript">
  alert(document.documentElement.clientWidth);
  </script>
  </head>
<body>
<script type="text/javascript" src="test.js">
</script><script type="text/javascript" >
  alert(document.documentElement.clientWidth)
</script>
</html>

test.js
alert(document.documentElement.clientWidth);执行下就会发现
js代码在页面中时候与js代码在外部引用的脚本中
document.documentElement.clientWidth
得到的值是不同的
而且在引用脚本之后
获得的
document.documentElement.clientWidth值
都和在脚本里获得的效果一样了
我在ie6,ie7,ff3里都测试过了
数值都是不一样，但具体变化的数值不同
实在是郁闷

解决方案 »

  1.   

    第一个获取的是1024,因为此时<body>还没有载入
    计算的应该是整个网页的宽度，包括滚动条宽度之类的，我是1024x768，网页最大化
    后来几个数字不一样，是因为已经载入了<body>了，这时候计算的是<body>的宽度，
    不过ie,ff对这个宽度的结果数值不一样，
    我测试结果是 ff-4=ie
      

  2.   

    执行时间不一样嘛,而且你的body标签没闭合？