通過JS如何檢測(cè)獲取屏幕分辨率

2012/11/10 10:18:57作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

通過JS如何檢測(cè)獲取屏幕分辨率

【實(shí)例描述】

早期版本的網(wǎng)頁(yè)需要根據(jù)屏幕分辨率來設(shè)計(jì)界面，為了保證界面的完整效果，需要判斷用戶屏幕的分辨率，并根據(jù)分辨率調(diào)整頁(yè)面。本例介紹如何判斷用戶屏幕的分辨率。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標(biāo)題頁(yè)-學(xué)無(wú)憂（yzddtk.cn）</title>
     <script language="JavaScript">
     function getScreen() 
     {
 if ((screen.width == 640) && (screen.height == 480)) 
     size = "640 x 480";
 else if ((screen.width == 800) && (screen.height == 600))
     size = "800 x 600";
 else if ((screen.width == 1024) && (screen.height == 768))
     size = "1024 x 768";
 else if ((screen.width == 1280) && (screen.height == 1024))
     size = "1280x1024";
 else 
            size = "默認(rèn)值為640 x 480";
 alert("屏幕分辨率為 " + size );
    }
    </script>
需要在body中添加一個(gè)按鈕，用來調(diào)用“getscreen”方法，代碼如下所示：
</head>
<body>
<input id="Button1" type="button" 
value="獲取屏幕分辨率" onclick="getScreen()" />
</body>
</html>

【運(yùn)行效果】

檢測(cè)屏幕分辨率運(yùn)行效果