Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JS获取屏幕尺寸大小实例

JS获取屏幕尺寸大小实例

发布时间:2015-06-07   编辑:www.jquerycn.cn
本文介绍了js获取屏幕尺寸大小的方法,用js获取屏幕宽度、屏幕高度等信息,有需要的朋友参考下。

例子,js获取屏蔽尺寸等信息。
 

复制代码 代码示例:
<html>
<script>
function a(){
document.write(
"屏幕分辨率为:"+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽:"+document.body.clientWidth
+"<br />"+
"网页可见区域高:"+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽):"+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽):"+document.body.offsetHeight
+"<br />"+
"网页正文全文宽:"+document.body.scrollWidth
+"<br />"+
"网页正文全文高:"+document.body.scrollHeight
+"<br />"+
"网页被卷去的高:"+document.body.scrollTop
+"<br />"+
"网页被卷去的左:"+document.body.scrollLeft
+"<br />"+
"网页正文部分上:"+window.screenTop
+"<br />"+
"网页正文部分左:"+window.screenLeft
+"<br />"+
"屏幕分辨率的高:"+window.screen.height
+"<br />"+
"屏幕分辨率的宽:"+window.screen.width
+"<br />"+
"屏幕可用工作区高度:"+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度:"+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
 

js获取屏幕宽度实例代码
js获取屏幕宽度代码分享
js获取屏幕高度 js屏幕属性信息
js获取屏幕高度与宽度
js与jquery获取屏幕宽度与高度
js 获取浏览器与屏幕宽高信息
JS和jquery获取浏览器屏幕的宽度与高度
js获取浏览器屏幕宽高的方法(浏览器兼容)
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解

您可能感兴趣的文章:
JS获取屏幕尺寸大小实例
js获取屏幕分辨率示例
JS获取屏幕高度与宽度方法
js如何获取屏幕高度
js获取浏览器窗口大小与屏幕宽高
js检测屏幕分辨率的例子
js双击鼠标自动滚动屏幕实例
js获取当前对象大小与屏幕分辨率
根据屏幕分辨率自动调整字体大小的js代码
js获取浏览器与屏幕宽度高度

[关闭]