请教问题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>
    <title></title>
</head>
<body style="overflow:scroll"onclick="()">
sdfadsfadsfadsfffffffffffffffffffffffffff sdfadsfadsfa dsffff      ffffffff fffffffffffffffs dfadsfad s fads ff ff fff ff f
fffffffffffffffffsdfadsf
adsfadsffffffffffffffffffffadsfadsffffffffff
<script type="text/javascript">
      function i() {
            alert("scrollLeft:" + document.body.scrollLeft)
        }
       
        
    </script>
</body>
</html>
请教：撑出滚动条后，为什么怎么移动滚动条，弹出的总是0？

解决方案 »

  1.   

    IE系列加上DTD：document.documentElement.scrollLeft
    IE系列不加DTD:document.body.scrollLeft非IE系列正好相反。
      

  2.   

    <body style="overflow:scroll; onclick="i()" ><pre>sdfadsfadsfaff ff fff ff f                             sdf                                                      asdfasdfasdfsdfadsfadsfadsfffffffffffffffffffffffffff sdfadsfadsfa dsffff ffffffff fffffffffffffffs dfadsfad s fads ff ff fff ff f                             sdf                                                      asdfasdfasdfsdfadsfadsfadsfffffffffffffffffffffffffff sdfadsfadsfa dsffff ffffffff fffffffffffffffs dfadsfad s fads ff ff fff ff f                             sdf                                                      asdfasdfasdf</pre><script type="text/javascript">
        function i() {
            alert("scrollLeft:" + document.documentElement.scrollLeft);
      }
        
        
      </script>
      

  3.   

    在IE中：
    document.body.clientWidth ==> BODY对象宽度
    document.body.clientHeight ==> BODY对象高度
    document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度
    在FireFox中：
    document.body.clientWidth ==> BODY对象宽度
    document.body.clientHeight ==> BODY对象高度
    document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度
    ?
    在Opera中： 
    document.body.clientWidth ==> 可见区域宽度
    document.body.clientHeight ==> 可见区域高度
    document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
    document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
    而如果没有定义W3C的标准，则
    IE为：
    document.documentElement.clientWidth ==> 0
    document.documentElement.clientHeight ==> 0
    FireFox为：
    document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
    Opera为：
    document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
    真是一件麻烦事情，其实就开发来看，宁可少一些对象和方法，不使用最新的标准要方便许多啊。