关于求可视区的宽高方法

<body>
 <form>
  <div>
   <img src="">
  </div>
 </form>
</body>
对于这样结构的，下面两句
var ws=document.body.clientWidth 
var hs=document.body.clientHeight为什么 ws 可以得到值，而hs却一直是0 

解决方案 »

  1.   

    IE 7 简体中文版下两个变量都非0，lz 用啥浏览器？clientWidth clientHeight 是 IE 扩展滴，并非所有浏览器都支持。
      

  2.   

    我用的就是IE7<BODY  onload="init()">
      <form  name="xxzb" method="POST" action="">
        <div  id="table"  name="tableDiv"  style="z-index: 0;"  >
          <img id="map"  name="mapImg"   class="dragme"  >
        </div>
      </form>
    </body>//////////////////////////////////////////////
    <style type="text/css">  .dragme
      {
       position:relative;
       visibility:auto;
       z-index: 2;
      }
    </style>////////////////////////////////////////////
        function init()
    {


    var ws=document.body.clientWidth 
    var hs=document.body.clientHeight
    //alert(ws+"=="+hs)    

    document.getElementById("map").src="map.jpg";

    }
    ///////////////////////////////////////////代码基本上就是这些，我是在ie7，ff中都是只能得到宽，高是0
      

  3.   

    你用  
    window.document.body.offsetWidth;
    window.document.body.offsetHeight;
    试试
      

  4.   


    在IE浏览器下：（1）如果你的页面使用 HTML 4.01 标准，则使用 body
    html 页面 DOCTYPE 声明：
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <HTML>
    ......
    </HTML>document.body.clientHeight    // 浏览器可视区域高
    （2）如果你的页面使用 XHTML 1.0 标准，则使用 documentElement
    html 页面 DOCTYPE 声明：
    <!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">
    ......
    </html>document.documentElement.clientHeight    // 浏览器可视区域高
    （3）Firefox 识别 documentElement