Javascript如何使彈出的視窗在螢幕的中央

javascript

怎麼用Javascript來開啟一個視窗？簡直是侮辱我們Web程式員的智慧！

可是，今天使用者提出了新的需求，他要彈出的那個視窗要在整個螢幕的中央！

於是，Google一下，找一篇很多人轉載過的文章如下：

<SCRIPT LANGUAGE="JavaScript">
var  s = "";
s += " 網頁可見地區寬："+ document.body.clientWidth;
s += " 網頁可見地區高："+ document.body.clientHeight;
s += " 網頁可見地區寬："+ document.body.offsetWidth  +" (包括邊線和捲軸的寬)";
s += " 網頁可見地區高："+ document.body.offsetHeight +" (包括邊線的寬)";
s += " 網頁本文全文寬："+ document.body.scrollWidth;
s += " 網頁本文全文高："+ document.body.scrollHeight;
s += " 網頁被捲去的高："+ document.body.scrollTop;
s += " 網頁被捲去的左："+ document.body.scrollLeft;
s += " 網頁本文部分上："+ window.screenTop;
s += " 網頁本文部分左："+ window.screenLeft;
s += " 螢幕解析度的高："+ window.screen.height;
s += " 螢幕解析度的寬："+ window.screen.width;
s += " 螢幕可用工作區高度："+ window.screen.availHeight;
s += " 螢幕可用工作區寬度："+ window.screen.availWidth;
s += " 你的螢幕設定是 "+ window.screen.colorDepth +" 位彩色";
s += " 你的螢幕設定 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>
結出此文章，不難寫出在螢幕中間開啟視窗的代碼：

    function openBrWindowInCentre(theURL,width,height) {
      var left, top;
      left = (window.screen.availWidth - width) / 2;
      top = (window.screen.availHeight - height) / 2;
      var per = 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',screenX=' + left + ',screenY=' + top;
      window.open(theURL,'',per);
    }
在代碼中，由於彈出的視窗都不太大，沒有處理快顯視窗比螢幕大的情況，建議大家根據自己的實際情況加以修改。