Javascript获取获取屏幕、浏览器窗口 ，浏览器，网页高度、宽度的大小网页可见区域宽：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
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
IE，FireFox 差异如下：
IE6.0、FF1.06+：
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5： clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)
网页可见区域宽： 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
div.style.top：相对于div所在的元件的顶部距离
－－－－－－－－－－－－－－－－－－－
技术要点本节代码主要使用了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文档所在窗口的当前宽度。
浏览器大小调整事件
window.onresize=funN//当浏览器大小发生变化时调用funName函数
&原文链接：/723.php
阅读(...) 评论()请使用支持脚本的浏览器！
该日志尚未公开，你暂时不能查看。博主可在此
不如去逛逛吧。
网易公司版权所有&&&JS获取当前网页大小以及屏幕分辨率等-源码库|专注为中国站长提供免费商业网站源码下载！
当前位置:----JS获取当前网页大小以及屏幕分辨率等
JS获取当前网页大小以及屏幕分辨率等
这篇文章主要介绍了JS获取当前网页大小以及屏幕分辨率等,方法虽简单，但比较实用，需要的朋友可以参考下
效果如下：
代码如下：
&title&获取当前对象大小以及屏幕分辨率等&/title&
&div style=& width:88%;margin:30 color:& id=&div_html&&
&script type=&text/javascript&&
var s = &&;
s += & 网页可见区域宽：&+ document.body.clientWidth+&&br /&&;
s += & 网页可见区域高：&+ document.body.clientHeight+&&br /&&;
s += & 网页可见区域宽：&+ document.body.offsetWidth + & (包括边线和滚动条的宽)&+&&br /&&;
s += & 网页可见区域高：&+ document.body.offsetHeight + & (包括边线的宽)&+&&br /&&;
s += & 网页正文全文宽：&+ document.body.scrollWidth+&&br /&&;
s += & 网页正文全文高：&+ document.body.scrollHeight+&&br /&&;
s += & 网页被卷去的高(ff)：&+ document.body.scrollTop+&&br /&&;
s += & 网页被卷去的高(ie)：&+ document.documentElement.scrollTop+&&br /&&;
s += & 网页被卷去的左：&+ document.body.scrollLeft+&&br /&&;
s += & 网页正文部分上：&+ window.screenTop+&&br /&&;
s += & 网页正文部分左：&+ window.screenLeft+&&br /&&;
s += & 屏幕分辨率的高：&+ window.screen.height+&&br /&&;
s += & 屏幕分辨率的宽：&+ window.screen.width+&&br /&&;
s += & 屏幕可用工作区高度：&+ window.screen.availHeight+&&br /&&;
s += & 屏幕可用工作区宽度：&+ window.screen.availWidth+&&br /&&;
s += & 你的屏幕设置是 &+ window.screen.colorDepth +& 位彩色&+&&br /&&;
s += & 你的屏幕设置 &+ window.screen.deviceXDPI +& 像素/英寸&+&&br /&&;
document.getElementById(&div_html&).innerHTML =
代码说明图如下：
相关JavaScript/Ajax教程：
相关资源下载：
JavaScript/Ajax教程搜索
JavaScript/Ajax教程推荐
热门源码推荐
热门JavaScript/Ajax教程
©2012JS获取当前对象大小以及屏幕分辨率等 - 王朝网络 -
分享&&&&&当前位置: &&&&&&&&JS获取当前对象大小以及屏幕分辨率等JS获取当前对象大小以及屏幕分辨率等 07:10:20&來源:互联网&&&&　　JS获取当前对象大小以及屏幕分辨率等效果如下：　　代码如下：　　&html&&head&&title&获取当前对象大小以及屏幕分辨率等&/title&&body&&div
style=" width:88%;margin:30 color:" id="div_html"&&/div& &script type="text/javascript"&
var s = "";
s += " 网页可见区域宽："+ document.body.clientWidth+"&br /&";
s += " 网页可见区域高："+ document.body.clientHeight+"&br /&";
s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"&br /&";
s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+"&br /&";
s += " 网页正文全文宽："+ document.body.scrollWidth+"&br /&";
s += " 网页正文全文高："+ document.body.scrollHeight+"&br /&";
s += " 网页被卷去的高(ff)："+ document.body.scrollTop+"&br /&";
s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+"&br /&";
s += " 网页被卷去的左："+ document.body.scrollLeft+"&br /&";
s += " 网页正文部分上："+ window.screenTop+"&br /&";
s += " 网页正文部分左："+ window.screenLeft+"&br /&";
s += " 屏幕分辨率的高："+ window.screen.height+"&br /&";
s += " 屏幕分辨率的宽："+ window.screen.width+"&br /&";
s += " 屏幕可用工作区高度："+ window.screen.availHeight+"&br /&";
s += " 屏幕可用工作区宽度："+ window.screen.availWidth+"&br /&";
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"&br /&";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"&br /&";
document.getElementById("div_html").innerHTML =
&/script&&/body&&/html&　　代码说明图如下：　　来源：JS获取当前对象大小以及屏幕分辨率等&&&&相似文章今日推荐&大家都在看&&&&&&&&&幽默笑话百态军事探索娱乐女性健康旅游互联网··············&JS获取当前对象大小以及屏幕分辨率等效果如下：
代码如下：
&html&&head&&title&获取当前对象大小以及屏幕分辨率等&/title&&body&&div
style=" width:88%;margin:30 color:" id="div_html"&&/div& &script type="text/javascript"&
var s = "";
s += " 网页可见区域宽："+ document.body.clientWidth+"&br /&";
s += " 网页可见区域高："+ document.body.clientHeight+"&br /&";
s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"&br /&";
s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+"&br /&";
s += " 网页正文全文宽："+ document.body.scrollWidth+"&br /&";
s += " 网页正文全文高："+ document.body.scrollHeight+"&br /&";
s += " 网页被卷去的高(ff)："+ document.body.scrollTop+"&br /&";
s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+"&br /&";
s += " 网页被卷去的左："+ document.body.scrollLeft+"&br /&";
s += " 网页正文部分上："+ window.screenTop+"&br /&";
s += " 网页正文部分左："+ window.screenLeft+"&br /&";
s += " 屏幕分辨率的高："+ window.screen.height+"&br /&";
s += " 屏幕分辨率的宽："+ window.screen.width+"&br /&";
s += " 屏幕可用工作区高度："+ window.screen.availHeight+"&br /&";
s += " 屏幕可用工作区宽度："+ window.screen.availWidth+"&br /&";
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"&br /&";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"&br /&";
document.getElementById("div_html").innerHTML =
&/script&&/body&&/html&
代码说明图如下：
来源：JS获取当前对象大小以及屏幕分辨率等&&&&&　　免责声明：本文仅代表作者个人观点，与王朝网络无关。王朝网络登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。&&&&&&为你推荐&&&&&&转载本文&UBB代码&HTML代码复制到剪贴板...&更多内容··········&&&&&&&&&&频道精选&&王朝女性&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝分栏&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝编程&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝导购&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝其他&&|&&|&&|&&|&&|&&|&&&&2005-&&版权所有&}