JavaScript screen 對(duì)象

■知識(shí)點(diǎn)

screen對(duì)象存儲(chǔ)了客戶端屏幕信息。這些信息可以用來探測(cè)客戶端硬件配置。利用screen對(duì)象可以優(yōu)化程序的設(shè)計(jì)，提升用戶體驗(yàn)。例如，根據(jù)顯示器屏幕大小選擇使用圖像的大小，或者根據(jù)顯示器的顏色深度選擇使用16色圖像或8色圖像，或者打開新窗口時(shí)設(shè)置居中顯示等。

■實(shí)例設(shè)計(jì)

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

function center(url){                                  //窗口居中處理函數(shù)

    var w = screen.availWidth / 2;              //獲取客戶端屏幕的寬度一半

    var h = screen.availHeight/2;                //獲取客戶端屏幕的高度一半

    var t = (screen.availHeight - h)/2;         //計(jì)算居中顯示時(shí)頂部坐標(biāo)

    var 1 = (screen.availWidth - w)/2;         //計(jì)算居中顯示時(shí)左側(cè)坐標(biāo)

    var p = "top=" + t + ",left=" + 1 + ",width=" + w + ",height=" +h;    //設(shè)計(jì)坐標(biāo)參數(shù)字符串 

    var win = window.open(url,"url",p>;        //打開指定的窗口，并傳遞參數(shù)

    win.focus ();                                              //獲取窗口焦點(diǎn)

}

center("https://www.baidu.com/");              //調(diào)用該函數(shù)