Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JS检测显示屏分辨率与屏幕尺寸的例子

JS检测显示屏分辨率与屏幕尺寸的例子

发布时间:2015-03-08   编辑:www.jquerycn.cn
分享一例js代码,用于检测显示屏的分辨率,以及屏蔽的尺寸,很实用的一段javascript代码,有需要的朋友作个参考吧。

本节内容:
显示屏分辨率与屏幕尺寸

本节通过一段JS代码,检测屏幕分辨率以及屏幕尺寸。

以下这段脚本,可以有效显示自己的屏幕分辨率以及屏幕尺寸。

例子:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS测试显示器分辨率 - www.jquerycn.cn</title>
</head>
<body>
<div style="width:1cm;" id="hutia"></div>
<SCRIPT LANGUAGE="JavaScript">
document.write('显示器分辨率为:\n' + screen.width + '*' + screen.height + ' pixels<br/>');
var ww = document.getElementById("hutia").offsetWidth, w = screen.width/ww, h = screen.height/ww, r = Math.round(Math.sqrt(w*w + h*h) / 2.54);
document.write('显示器尺寸为:\n' + (screen.width/ww).toFixed(1) + '*' + (screen.height/ww).toFixed(1) + ' cm, '+ r +'寸<br/>');
</SCRIPT>
</body>
</html>
 

>>>查看更多javascript 教程

您可能感兴趣的文章:
JS检测显示屏分辨率与屏幕尺寸的例子
js检测屏幕分辨率的例子
js获取屏幕分辨率示例
根据屏幕分辨率自动调整字体大小的js代码
js双击鼠标自动滚动屏幕实例
js获取浏览器屏幕分辨率
js获取当前对象大小与屏幕分辨率
JS获取屏幕尺寸大小实例
js获取浏览器窗口大小与屏幕宽高
js如何获取屏幕高度

关键词: js屏幕尺寸  js屏幕分辨率   
[关闭]