不锈钢暖瓶:JS取各种尺寸的方法

来源:百度文库 编辑:中财网 时间:2024/04/29 06:21:12

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

   
  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); 
  

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

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

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

 

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

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