js获取浏览器body或窗宽度高度
2016-04-02 12:22
399 查看
很多时候我们需要用到js获取窗口的宽度或者高度,每个浏览器会有不同的方法,总结了一下如下:
<script type="text/javascript"> var s = " "; document.documentElement.scrollTop 就是滚动条距离顶部的位置(可变) document.documentElement.scrollLef 指滚动条距离左边的位置(可变) s += "\r\n<br>网页可见区域宽: "+ document.body.clientWidth; s += "\r\n<br>网页可见区域高: "+ document.body.clientHeight; s += "\r\n<br>网页可见区域宽: "+ document.body.offsetWidth + " (包括边线的宽) "; s += "\r\n<br>网页可见区域高: "+ document.body.offsetHeight + " (包括边线的宽) "; s += "\r\n<br>网页正文全文宽: "+ document.body.scrollWidth; s += "\r\n<br>网页正文全文高: "+ document.body.scrollHeight; s += "\r\n<br>网页被卷去的高: "+ document.body.scrollTop; s += "\r\n<br>网页被卷去的左: "+ document.body.scrollLeft; s += "\r\n<br>网页正文部分上: "+ window.screenTop; s += "\r\n<br>网页正文部分左: "+ window.screenLeft; s += "\r\n<br>屏幕分辨率的高: "+ window.screen.height; s += "\r\n<br>屏幕分辨率的宽: "+ window.screen.width; s += "\r\n<br>屏幕可用工作区高度: "+ window.screen.availHeight+" (去掉状态栏)"; s += "\r\n<br>屏幕可用工作区宽度: "+ window.screen.availWidth; //alert(s); document.write(s); </script>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享