六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 28|回复: 0

JS获取页面大小信息

[复制链接]

升级  44%

96

主题

96

主题

96

主题

举人

Rank: 3Rank: 3

积分
332
 楼主| 发表于 2013-1-29 09:19:42 | 显示全部楼层 |阅读模式
我的页面宽度大于可见宽度,于是我做的弹出层的遮罩在拖动横轴时页面的右边部分会一览无余,感觉问题是我没有取得页面的实际宽度,于是在CSDN上查到了JS获取页面大小的各种方法,最后将获取页面的方法改成document.body.scrollWidth解决问题。
      附JS获取页面大小的方法:
      <script type= "text/javascript " language= "javascript "> var s = " "; s += "\r\n网页可见区域宽: "+ document.body.clientWidth; s += "\r\n网页可见区域高: "+ document.body.clientHeight; s += "\r\n网页可见区域宽: "+ document.body.offsetWidth + " (包括边线的宽) "; s += "\r\n网页可见区域高: "+ document.body.offsetHeight + " (包括边线的宽) "; s += "\r\n网页正文全文宽: "+ document.body.scrollWidth; s += "\r\n网页正文全文高: "+ document.body.scrollHeight; s += "\r\n网页被卷去的高: "+ document.body.scrollTop; s += "\r\n网页被卷去的左: "+ document.body.scrollLeft; s += "\r\n网页正文部分上: "+ window.screenTop; s += "\r\n网页正文部分左: "+ window.screenLeft; s += "\r\n屏幕分辨率的高: "+ window.screen.height; s += "\r\n屏幕分辨率的宽: "+ window.screen.width; s += "\r\n屏幕可用工作区高度: "+ window.screen.availHeight; s += "\r\n屏幕可用工作区宽度: "+ window.screen.availWidth; alert(s); </script>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表