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