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 相关文章推荐
TextArea不支持maxlength的解决办法(jquery)
Sep 13 Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 Javascript
jQuery Validate验证框架经典大全
Sep 23 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
Sep 05 Javascript
JS实现显示当前日期的实例代码
Jul 03 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
Aug 22 Javascript
Angular6 用户自定义标签开发的实现方法
Jan 08 Javascript
通过JS深度判断两个对象字段相同
Jun 14 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
Dec 24 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
小程序开发之模态框组件封装
Apr 23 Javascript
vue商城中商品“筛选器”功能的实现代码
Jul 01 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
2020年4月新番动漫目录 官方宣布4月播出的作品一览
2020/03/08 日漫
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
PHP中shuffle数组值随便排序函数用法
2014/11/21 PHP
JQuery each()嵌套使用小结
2014/04/18 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
2015/05/06 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
angularjs路由传值$routeParams详解
2020/09/05 Javascript
详解vuex的简单使用
2018/03/12 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
JavaScript This指向问题详解
2019/11/25 Javascript
vue 组件间的通信之子组件向父组件传值的方式
2020/07/29 Javascript
[07:55]2014DOTA2 TI正赛第三日 VG上演推进荣耀DKEG告别
2014/07/21 DOTA
Python面向对象编程中的类和对象学习教程
2015/03/30 Python
python提取字典key列表的方法
2015/07/11 Python
Python数据分析库pandas基本操作方法
2018/04/08 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
详解python3中的真值测试
2018/08/13 Python
Python字典创建 遍历 添加等实用基础操作技巧
2018/09/13 Python
值得收藏,Python 开发中的高级技巧
2018/11/23 Python
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
django序列化serializers过程解析
2019/12/14 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
营销专业应届生求职信
2013/11/26 职场文书
村道德模范事迹材料
2014/08/28 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
工程款催款函
2015/06/24 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书