通过JS如何检测获取屏幕分辨率

2012/11/10 10:18:57作者：佚名来源：网络

移动端

【实例名称】

通过JS如何检测获取屏幕分辨率

【实例描述】

早期版本的网页需要根据屏幕分辨率来设计界面，为了保证界面的完整效果，需要判断用户屏幕的分辨率，并根据分辨率调整页面。本例介绍如何判断用户屏幕的分辨率。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页-学无忧（www.xue51.com）</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>

【运行效果】

检测屏幕分辨率运行效果