编程 Javascript

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>

JS测试显示屏分辨率以及屏幕尺寸的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript跟随滚动效果插件代码（javascript Follow Plugin）

Aug 03 Javascript

Jquery 过滤器(first,last,not,even,odd)的使用

Jan 22 Javascript

JS+CSS实现表格高亮的方法

Aug 05 Javascript

JavaScript实现向右伸出的多级网页菜单效果

Aug 25 Javascript

jQuery实现MSN中文网滑动Tab菜单效果代码

Sep 09 Javascript

JQuery实现级联下拉框效果实例讲解

Sep 17 Javascript

输入法的回车与消息发送快捷键回车的冲突解决方法

Aug 09 Javascript

BootStrap iCheck插件全选与获取value值的解决方法

Aug 24 Javascript

jQuery 特性操作详解及实例代码

Sep 29 Javascript

基于BootstrapValidator的Form表单验证(24)

Dec 12 Javascript

详谈构造函数加括号与不加括号的区别

Oct 26 Javascript

AngularJS基于http请求实现下载php生成的excel文件功能示例

Jan 23 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

德生PL330测评

2021/03/02 无线电

YII Framework框架教程之安全方案详解

2016/03/14 PHP

PHP 进度条函数的简单实例

2017/09/19 PHP

php使用mysqli和pdo扩展，测试对比mysql数据库的执行效率完整示例

2019/05/09 PHP

说说掌握JavaScript语言的思想前提想学习js的朋友可以看看

2009/04/01 Javascript

JavaScript页面刷新与弹出窗口问题的解决方法

2010/03/02 Javascript

JavaScript prototype对象的属性说明

2010/03/13 Javascript

jQuery源码分析-02正则表达式 RegExp 常用正则表达式

2011/11/14 Javascript

javascript间隔刷新的简单实例

2013/11/14 Javascript

js使下拉列表框可编辑不止是选择

2013/12/12 Javascript

Jquery模仿Baidu、Google搜索时自动补充搜索结果提示

2013/12/26 Javascript

js 动态为textbox添加下拉框数据源的方法

2014/04/24 Javascript

用jquery模仿的a的title属性的例子

2014/10/22 Javascript

详解Javascript中的Object对象

2016/02/28 Javascript

AngularJS中的指令全面解析(必看)

2016/05/20 Javascript

javascript数组去重方法分析

2016/12/15 Javascript

BACKBONE.JS 简单入门范例

2017/10/17 Javascript

使用JS获取SessionStorage的值

2018/01/12 Javascript

Vue项目vscode 安装eslint插件的方法(代码自动修复)

2020/04/15 Javascript

微信小程序实现上传多张图片、删除图片

2020/07/29 Javascript

js实现3D旋转相册

2020/08/02 Javascript

Javascript柯里化实现原理及作用解析

2020/10/22 Javascript

[37:37]DAC2018 4.4 淘汰赛 Optic vs Mineski 第二场

2018/04/05 DOTA

python获取标准北京时间的方法

2015/03/24 Python

Python中操作mysql的pymysql模块详解

2016/09/13 Python

python 中split 和 strip的实例详解

2017/07/12 Python

PyTorch线性回归和逻辑回归实战示例

2018/05/22 Python

pandas ix &iloc &loc的区别

2019/01/10 Python

Python基础之字符串常见操作经典实例详解

2020/02/26 Python

自定义Django默认的sitemap站点地图样式

2020/03/04 Python

Scrapy爬虫文件批量运行的实现

2020/09/30 Python

精彩的推荐信范文

2013/11/26 职场文书

环保倡议书50字

2014/05/15 职场文书

批评与自我批评范文

2014/10/15 职场文书

2019暑期安全倡议书！

2019/06/27 职场文书

JAVA SpringMVC实现自定义拦截器

2022/03/16 Python