软件学堂

网游分类软件分类

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

2012-11-10 来源:网络

【实例名称】

通过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>

【运行效果】

 检测屏幕分辨率运行效果

【难点剖析】

本例通过screen对象来获取屏幕的高度和宽度,从而达到获取分辨率的目的。screen对象表示用户的屏幕,可用来获取与屏幕有关的所有信息。

【源码下载】

为了JS代码的准确性,请点击:通过JS如何检测获取屏幕分辨率 进行本实例源码下载 

上一篇:网页表单中只允许输入数字和英文怎么写
下一篇:利用JS检测获取系统信息

相关文章