js取得各种尺寸

JS取浏览器和网页可见区高和宽 ：

<SCRIPT    LANGUAGE="JavaScript">   
  var      s    =    "网页可见区域宽："+    document.body.clientWidth; 
   s    +=    "\r\n网页可见区域高："+    document.body.clientHeight;   
   s    +=    "\r\n网页正文全文宽："+    document.body.scrollWidth;   
   s    +=    "\r\n网页正文全文高："+    document.body.scrollHeight;   
   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>

普通DOM子元素的宽高获取：

document.getElementById("元素id名称").style.width

document.getElementById("元素id名称").style.height

 

在表格及其元素的CSS宽高获取上的浏览器兼容问题：

　　对TABLE进行border-collapse:collapse;设定，对TR和TD进行display:block;设定，这时再去获取任意元素的宽高，各浏览器都会是一致的。如果不这样设置，则各种浏览器获取结果可能有差异