JS screen物件詳解

screen 物件儲存了用戶端螢幕資訊，這些資訊可以用來探測用戶端硬體設定。利用 screen 物件可以優化程式的設計，提升使用者體驗。例如，根據顯示器螢幕大小選擇使用影象的大小，或者根據顯示器的顏色深度選擇使用 16 色影象或 8 色影象，或者開啟新視窗時設定居中顯示等。

範例

下面範例演示了如何讓彈出的視窗居中顯示。

function center (url) {  //視窗居中處理常式
    var w = screen.availWidth / 2;  //獲取用戶端螢幕寬度的一半
    var h = screen.availHeight / 2;  //獲取用戶端螢幕高度的一半
    var t = (screen.availHeight - h) / 2;  //計算居中顯示時頂部坐標
    var l = (screen.availWidth - w) / 2;  //計算居中顯示時左側坐標
    var p = "top=" + t + ",left=" + l + ",width=" + w + ",height=" + h;  //設計坐標引數字串
    var win = window.open (url, "url", p);  //開啟指定的視窗，並傳遞引數
    win.focus ();  //獲取視窗焦點
}
center ("c.biancheng.net");  //呼叫該函數

不同瀏覽器在解析 screen 物件的 width 和 height 屬性時存在差異。