JS获取屏幕高度的简单实现代码
主要使用了document对象关于窗口的一些属性,这些属性的主要功能和用法如下。
要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在netscape下需要使用window的属性;在ie下需 要深入document内部对body进行检测;在dom环境下,若要得到窗口的尺寸,需要注意根元素的尺寸,而不是元素。
window对象的innerwidth属性包含当前窗口的内部宽度。window对象的innerheight属性包含当前窗口的内部高度。
document对象的body属性对应html文档的标签。document对象的documentelement属性则表示html文档的根节点。
document.body.clientheight表示html文档所在窗口的当前高度。document.body. clientwidth表示html文档所在窗口的当前宽度。
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获取屏幕高度的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
这篇文章主要介绍了Javascript 完美运动框架,逐行分析代码,让你轻松了运动的原理,需要的朋友可以参考下2015-01-01JavaScript中判断为整数的多种方式及保留两位小数的方法
这篇文章主要介绍了JavaScript中判断为整数的多种方式,以及保留两位小数的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
这篇文章主要介绍了详解帮你彻底搞懂JS中的prototype、__proto__与constructor(图解),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-08-08js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
这篇文章主要介绍了js+flash实现的5图变换效果广告代码,涉及JavaScript结合flash调用图片实现幻灯广告效果,并附带演示与demo源码供读者下载参考,需要的朋友可以参考下2016-04-04
最新评论