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 相关文章推荐
一段实时更新的时间代码
Jul 07 Javascript
JavaScript中关于indexOf的使用方法与问题小结
Aug 05 Javascript
js中eval详解
Mar 30 Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
js遍历子节点子元素附属性及方法
Aug 19 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
纯js三维数组实现三级联动效果
Feb 07 Javascript
原生js获取left值和top值的三种方法
Aug 02 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 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者的疑难问答(2)
2006/10/09 PHP
PHP新手上路(十三)
2006/10/09 PHP
php基础知识:函数基础知识
2006/12/13 PHP
PHP性能优化工具篇Benchmark类调试执行时间
2011/12/06 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
2012/10/11 Javascript
JS操作Cookie写入和读取实例代码
2013/10/20 Javascript
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
2016/08/24 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
jQuery用noConflict代替$的实现方法
2017/04/12 jQuery
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
详解jQuery如何实现模糊搜索
2019/05/10 jQuery
ES6的异步终极解决方案分享
2019/07/11 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
使用nodejs实现JSON文件自动转Excel的工具(推荐)
2020/06/24 NodeJs
python利用datetime模块计算时间差
2015/08/04 Python
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2020/12/01 Python
python绘制雷达图实例讲解
2021/01/03 Python
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
处理textarea中的换行和空格
2019/12/12 HTML / CSS
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
夜大毕业自我鉴定
2013/10/11 职场文书
拾金不昧表扬信范文
2014/01/11 职场文书
医院标语大全
2014/06/23 职场文书
黄石寨导游词
2015/02/05 职场文书
2015党建工作简报
2015/07/21 职场文书