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 相关文章推荐
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Feb 14 Javascript
SharePoint 客户端对象模型 (一) ECMA Script
May 22 Javascript
js实现特定位取反原理及示例
Jun 30 Javascript
js通过location.search来获取页面传来的参数
Sep 11 Javascript
jQuery中live()方法用法实例
Jan 19 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
Dec 14 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
Angularjs中使用轮播图指令swiper
May 30 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
Jun 08 Javascript
关于Vue项目跨平台运行问题的解决方法
Sep 18 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 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 intval的测试代码发现问题
2008/07/27 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
javascript克隆对象深度介绍
2012/11/20 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
jQuery实现html表格动态添加新行的方法
2015/05/28 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
php 修改密码实现代码
2017/05/24 Javascript
深入理解Vuex 模块化(module)
2017/09/26 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
layui实现checkbox的目录树tree的例子
2019/09/12 Javascript
[10:34]DOTA2上海特级锦标赛全纪录
2016/03/25 DOTA
安装Python和pygame及相应的环境变量配置(图文教程)
2017/06/04 Python
Python并发编程协程(Coroutine)之Gevent详解
2017/12/27 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
英国航空官网:British Airways
2016/09/11 全球购物
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
Intersport西班牙:在线体育商店
2019/11/06 全球购物
如何实现一个自定义类的序列化
2012/05/22 面试题
应届生法律顾问求职信
2013/11/19 职场文书
大学生先进事迹材料
2014/02/16 职场文书
中国好声音华少广告词
2014/03/17 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
基石观后感
2015/06/12 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书