當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 通過JS如何檢測獲取屏幕分辨率

通過JS如何檢測獲取屏幕分辨率

2012/11/10 10:18:57作者：佚名來源：網絡

移動端

【實例名稱】

通過JS如何檢測獲取屏幕分辨率

【實例描述】

早期版本的網頁需要根據屏幕分辨率來設計界面，為了保證界面的完整效果，需要判斷用戶屏幕的分辨率，并根據分辨率調整頁面。本例介紹如何判斷用戶屏幕的分辨率。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標題頁-學無憂（www.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 = "默認值為640 x 480";
 alert("屏幕分辨率為 " + size );
    }
    </script>
需要在body中添加一個按鈕，用來調用“getscreen”方法，代碼如下所示：
</head>
<body>
<input id="Button1" type="button" 
value="獲取屏幕分辨率" onclick="getScreen()" />
</body>
</html>

【運行效果】

檢測屏幕分辨率運行效果

【難點剖析】

本例通過screen對象來獲取屏幕的高度和寬度，從而達到獲取分辨率的目的。screen對象表示用戶的屏幕，可用來獲取與屏幕有關的所有信息。

【源碼下載】

為了JS代碼的準確性，請點擊：通過JS如何檢測獲取屏幕分辨率進行本實例源碼下載

標簽：分辨率

上一篇：網頁表單中只允許輸入數字和英文怎么寫
下一篇：利用JS檢測獲取系統信息

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频