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获取屏幕高度vars="";
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获取屏幕高度的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。