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