教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript获取屏幕/显示器分辨率,以及各种高宽的检测

javascript获取屏幕/显示器分辨率,以及各种高宽的检测

发布时间:2016-11-27   编辑:jiaochengji.com
教程集为您提供javascript获取屏幕/显示器分辨率,以及各种高宽的检测等资源,欢迎您收藏本站,我们将为您提供最新的javascript获取屏幕/显示器分辨率,以及各种高宽的检测资源
本文章来给各位同不介绍javascript获取屏幕/显示器分辨率,以及各种高宽的检测代码,各位同学不防进入参考。
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript获取屏幕/显示器分辨率,以及各种高宽的检测</title> <style> *{padding:0;margin:0;font-size:12px;font-family:Arial} #content{width:280px;padding:10px;background:#FFCC00;float:left} b{color:red} </style> </head> <body>
<script type="text/javascript"> function showWidth(){ var s = " "; s = "

网页可见区域宽:" document.body.clientWidth; s = "

网页可见区域高:" document.body.clientHeight; s = "

网页可见区域宽:" document.body.offsetWidth " (包括边线和滚动条的宽)"; s = "

网页可见区域高:" document.body.offsetHeight "  (包括边线的宽)"; s = "

网页正文全文宽:" document.body.scrollWidth; s = "

网页正文全文高:" document.body.scrollHeight; s = "

网页被卷去的高:" document.body.scrollTop; s = "

网页被卷去的左:" document.body.scrollLeft; s = "

网页正文部分上:" window.screenTop; s = "

网页正文部分左:" window.screenLeft; s = "

屏幕分辨率的宽:" window.screen.width; s = "

屏幕分辨率的高:" window.screen.height; s = "

屏幕可用工作区高度:" window.screen.availHeight; s = "

屏幕可用工作区宽度:" window.screen.availWidth; s = "

你的屏幕设置是" window.screen.colorDepth " 位彩色 "; s = "

你的屏幕设置" window.screen.deviceXDPI " 像素/英寸

"; document.getElementById('content').innerHTML = s; } window.onload = function(){ showWidth(); } window.onresize = function(){ showWidth(); } window.onscroll = function(){ showWidth(); } </script> </body> </html></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
javascript获取屏幕/显示器分辨率,以及各种高宽的检测
javascript获取屏幕或显示器分辨率的代码
js获取屏幕分辨率示例
js获取浏览器屏幕分辨率
js检测屏幕分辨率的例子
js获取浏览器窗口大小与屏幕宽高
js获取浏览器宽度\屏幕宽度\显示器分辨率
JS检测显示屏分辨率与屏幕尺寸的例子
js双击鼠标自动滚动屏幕实例
php获取屏幕分辨率方法分享

[关闭]
~ ~