JS测试显示屏分辨率以及屏幕尺寸的方法
更新时间：2013年11月22日 16:23:12 作者：
如何用JS特效显示自己的屏幕分辨率以及屏幕尺寸呢，你会吗？如果不会，那么下面有个不错的方法，大家可以参考下
如何用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测试显示器分辨率</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>
复制代码 代码如下:
<!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测试显示器分辨率</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>
相关文章
跟我学Node.js（四）---Node.js的模块载入方式与机制
Node.js中模块可以通过文件路径或名字获取模块的引用。模块的引用会映射到一个js文件路径，除非它是一个Node内置模块。Node的内置模块公开了一些常用的API给开发者，并且它们在Node进程开始的时候就预加载了。2014-06-06
下面小编就为大家带来一篇一个字符串中出现次数最多的字符 统计这个次数【实现代码】。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
本文主要介绍了QT与javascript交互数据的实现，主要包括数据从QT流向JS以及数据从JS流向QT的几种方法，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要介绍了微信小程序 上传图片并等比列压缩到指定大小，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
在 Electron 的世界里,webview 标签相当于一个小盒子,里面可以装一个完整的网页,就像一个迷你浏览器,这篇文章主要介绍了electron的webview和内嵌网页如何通信,需要的朋友可以参考下2024-04-04
非jQuery实现照片散落桌子上，单击放大的LightBox效果
本文给大家介绍一款js实现的照片散落桌子上点击放大图片的LightBox效果，非常的炫酷，而且是非jQuery实现的，有需要的小伙伴可以参考下2014-11-11
iframe子页面调用父页面js函数及iframe父页面调用子页面js函数在实际项目中都是很实用的，下面有个不错的示例，感兴趣的朋友可以了解下2013-11-11
这篇文章主要为大家分享了最全面详细的微信JS接口大全，希望对大家有帮助，感兴趣的小伙伴们可以参考一下2016-08-08
本文主要介绍了webpack中使用Eslint的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
Javascript客户端将指定区域导出到Word、Excel的代码
Javascript 浏览器客户端导出指定区域到Word、Excel，非常不错的应用实例2008-10-10
最新评论