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 相关文章推荐
isArray()函数(JavaScript中对象类型判断的几种方法)
Nov 26 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
jQuery实现简单滚动动画效果
Apr 07 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
angularJS之$http:与服务器交互示例
Mar 17 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
记录一次完整的react hooks实践
Mar 11 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
JavaScript小技巧带你提升你的代码技能
Sep 15 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静态文件返回304技巧分享
2015/01/06 PHP
jquery之empty()与remove()区别说明
2010/09/10 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
Node.js插件安装图文教程
2016/05/06 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
解析Vue2.0双向绑定实现原理
2017/02/23 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
vue插件实现v-model功能
2018/09/10 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
es6数值的扩展方法
2019/03/11 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
Python2.x利用commands模块执行Linux shell命令
2016/03/11 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
Django 跨域请求处理的示例代码
2018/05/02 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
Lou & Grey美国官网:主打舒适性面料服饰
2017/12/21 全球购物
linux面试题参考答案(9)
2016/01/29 面试题
宿舍违规检讨书
2014/01/12 职场文书
项目考察欢迎辞
2014/01/17 职场文书
年终总结会议主持词
2014/03/17 职场文书
团队经理竞聘书
2014/03/31 职场文书
乡镇干部个人对照检查材料思想汇报
2014/10/04 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书