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 相关文章推荐
一些有关检查数据的JS代码
Sep 07 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
深入理解js promise chain
May 05 Javascript
浅谈jQuery添加的HTML,JS失效的问题
Oct 05 Javascript
作为老司机使用 React 总结的 11 个经验教训
Apr 08 Javascript
微信小程序之数据缓存的实例详解
Sep 29 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
Oct 01 Javascript
koa2的中间件功能及应用示例
Mar 05 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
May 23 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 Javascript
js前端图片加载异常兜底方案
Jun 21 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
PHP脚本数据库功能详解(中)
2006/10/09 PHP
6种php上传图片重命名的方法实例
2013/11/04 PHP
php实现的短网址算法分享
2014/06/20 PHP
php使用session二维数组实例
2014/11/06 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
PHP从零开始打造自己的MVC框架之入口文件实现方法详解
2019/06/03 PHP
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
jQuery编写设置和获取颜色的插件
2017/01/09 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
微信小程序实现点击按钮后修改颜色
2019/12/05 Javascript
vue+axios全局添加请求头和参数操作
2020/07/24 Javascript
Eclipse + Python 的安装与配置流程
2013/03/05 Python
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
python获取url的返回信息方法
2018/12/17 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
美国最大的网络男装服装品牌:Bonobos
2017/05/25 全球购物
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
如何进行Linux分区优化
2013/02/12 面试题
历史系自荐信范文
2013/12/24 职场文书
银行类自荐信
2014/02/04 职场文书
顶撞老师检讨书
2014/02/07 职场文书
代理协议书
2014/04/22 职场文书
团组织推优材料
2014/12/29 职场文书
狮子林导游词
2015/02/03 职场文书
接收函
2019/04/22 职场文书
详解MySQL中的主键与事务
2021/05/27 MySQL
Python 图片添加美颜效果
2022/04/28 Python