JS获取屏幕分辨率以及当前对象大小等

 1 <script type="text/javascript">
 2 function getInfo(){
 3      var s = "";
 4       s += " 网页可见区域宽："+ document.body.clientWidth+"\n";
 5       s += " 网页可见区域高："+ document.body.clientHeight+"\n";
 6       s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";
 7       s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+"\n";
 8       s += " 网页正文全文宽："+ document.body.scrollWidth+"\n";
 9       s += " 网页正文全文高："+ document.body.scrollHeight+"\n";
10       s += " 网页被卷去的高(ff)："+ document.body.scrollTop+"\n";
11       s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+"\n";
12       s += " 网页被卷去的左："+ document.body.scrollLeft+"\n";
13       s += " 网页正文部分上："+ window.screenTop+"\n";
14       s += " 网页正文部分左："+ window.screenLeft+"\n";
15       s += " 屏幕分辨率的高："+ window.screen.height+"\n";
16       s += " 屏幕分辨率的宽："+ window.screen.width+"\n";
17       s += " 屏幕可用工作区高度："+ window.screen.availHeight+"\n";
18       s += " 屏幕可用工作区宽度："+ window.screen.availWidth+"\n";
19       s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";
20       s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";
21       alert (s);
22     }
23     getInfo();
24   </script>

扩展，设置界面所有输入框宽度的语法如下：

 1  <script type="text/javascript" >
 2         //根据屏幕分辨率设置所有文本框的宽度
 3         var width = window.screen.width; //分辨率宽度
 4         var inputWidth = (width - 250) / 2 * 0.90; //场景是一个table里面有4列，分别是列名称1，列值1，列名称2，列值2；250是菜单栏的宽度，除以2就是每个文本框所在td（列值2）的宽度
 5         var doms = document.getElementsByTagName("input");
 6         if (doms != undefined && doms != null && doms.length > 0) {
 7             for (var i = 0; i < doms.length; i++) {
 8                 doms[i].style.width = inputWidth + "px";
 9              }
10          }
11     </script>

转自：http://www.cnblogs.com/tearer/archive/2010/09/06/1819471.html