JS获取屏幕高度与宽度方法

发布时间:2020-11-21编辑:脚本学堂
本文介绍了js获取屏幕高度、屏幕宽度的方法,学习下js获取屏幕尺寸大小信息的方法,有需要的朋友参考下。

例子,js获取屏幕尺寸信息(屏幕宽度、屏幕高度)等。
 

复制代码 代码示例:
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.height;
s += " 屏幕分辨率的宽:"+ window.screen.width;
s += " 屏幕可用工作区高度:"+ window.screen.availHeight;
s += " 屏幕可用工作区宽度:"+ window.screen.availWidth;
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";

js获得屏幕高度等.
 

Filed in: jquery+js , by bizman on 2009, April 21, 12:41 PM , views:0
网页可见区域宽  document.body.clientWidth 
网页可见区域高  document.body.clientHeight 
网页可见区域宽(包括边线的宽)  document.body.offsetWidth 
网页可见区域高(包括边线的宽)  document.body.offsetHeight 
网页正文全文宽  document.body.scrollWidth 
网页正文全文高  document.body.scrollHeight 
网页被卷去的高  document.body.scrollTop 
网页被卷去的左  document.body.scrollLeft 
网页正文部分上  window.screenTop 
网页正文部分左  window.screenLeft 
屏幕分辨率的高  window.screen.height 
屏幕分辨率的宽  window.screen.width 
屏幕可用工作区高度  window.screen.availHeight 
屏幕可用工作区宽度  window.screen.availWidth 
 

js获取屏幕宽度实例代码
js获取屏幕宽度代码分享
js获取屏幕高度 js屏幕属性信息
js获取屏幕高度与宽度
js与jquery获取屏幕宽度与高度
js 获取浏览器与屏幕宽高信息
JS和jquery获取浏览器屏幕的宽度与高度
js获取浏览器屏幕宽高的方法(浏览器兼容)