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 相关文章推荐
文本框的字数限制功能jquery插件
Nov 24 Javascript
围观tangram js库
Dec 28 Javascript
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
Bootstrap fileinput组件封装及使用详解
Mar 10 Javascript
JavaScript验证知识整理
Mar 24 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 Javascript
基于Vue实现微前端的示例代码
Apr 24 Javascript
原生js实现照片墙效果
Oct 13 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
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自动加载机制的深入分析
2013/06/08 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
destoon找回管理员密码的方法
2014/06/21 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
PHP安全上传图片的方法
2015/03/21 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
php实现的证件照换底色功能示例【人像抠图/换背景图】
2020/05/29 PHP
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
jQuery插件scroll实现无缝滚动效果
2015/04/27 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
微信小程序 window_x64环境搭建
2016/09/30 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
BootStrap select2 动态改变值的方法
2017/02/10 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
Python 数据结构之队列的实现
2017/01/22 Python
python使用matplotlib绘制柱状图教程
2017/02/08 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
Python爬虫谷歌Chrome F12抓包过程原理解析
2020/06/04 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
美国球鞋寄卖网站:Stadium Goods
2018/05/09 全球购物
大学生应聘自荐信
2013/10/11 职场文书
教师学习培训邀请函
2014/02/04 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
高等学院职业生涯规划书范文
2014/09/16 职场文书
大专毕业生自我鉴定范文(2篇)
2014/09/27 职场文书
地雷战观后感
2015/06/09 职场文书
休学证明范本
2015/06/19 职场文书
排查并解决MySQL生产库内存使用率高的报警
2022/04/11 MySQL
清空 Oracle 安装记录并重新安装
2022/04/26 Oracle