JS测试显示屏分辨率以及屏幕尺寸的方法


Posted in Javascript onNovember 22, 2013

如何用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>
Javascript 相关文章推荐
不用MOUSEMOVE也能滑动啊
May 23 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
AngularJS HTML编译器介绍
Dec 06 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
微信小程序之多文件下载的简单封装示例
Jan 29 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
Aug 09 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
Mar 28 Javascript
jQuery 事件的命名空间简单了解
Nov 22 #Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 #Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 #Javascript
用正则表达式替换图片地址img标签
Nov 22 #Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 #Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 #Javascript
javascript禁用Tab键脚本实例
Nov 22 #Javascript
You might like
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
php5.3 废弃函数小结
2010/05/16 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
PHP编写登录验证码功能 附调用方法
2016/05/19 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
JavaScript入门教程(5) js Screen屏幕对象
2009/01/31 Javascript
jquery 实现的全选和反选
2009/04/15 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
Javascript学习笔记之数组的遍历和 length 属性
2014/11/23 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
基于jquery实现智能表单验证操作
2016/05/09 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
node中的cookie的具体使用
2018/09/13 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
PyTorch CNN实战之MNIST手写数字识别示例
2018/05/29 Python
解决Tensorflow安装成功,但在导入时报错的问题
2018/06/13 Python
open_basedir restriction in effect. 原因与解决方法
2021/03/14 PHP
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
2013年办公室秘书的个人自我鉴定
2013/10/24 职场文书
初一科学教学反思
2014/01/27 职场文书
2014信息公开实施方案
2014/02/22 职场文书
优秀安全员事迹材料
2014/05/11 职场文书
公司2015年终工作总结
2015/05/26 职场文书
初中语文教学反思范文
2016/03/03 职场文书
Java详细解析==和equals的区别
2022/04/07 Java/Android