JS获取屏幕、页面大小、分辨率
来源:互联网 发布:java培训班都找到工作 编辑:程序博客网 时间:2024/05/29 07:12
document.body.clientWidth
获取body元素对象的内容可视区域的宽度,即clientWidth=width+padding,不包括滚动条。
document.body.clientHeight
获取body元素对象的内容可视区域的高度,即clientHeight=height+padding,不包括滚动条。
浏览器兼容性
在IE7中,如果给body设置滚动条的话,滚动条是出现在body内部的。所以当给body设置width和height时,在IE7中clientWidth和clientHeight的值是要比其它浏览器中的值小一些的。
document.body.offsetWidth
获取body元素对象的宽度,即offsetWidth=width+padding+border,也可以写成offsetWidth=clientWidth+border。
document.body.offsetHeight
获取body元素对象的高度,即offsetHeight=height+padding+border,也可以写成offsetHeight=clientHeight+border。
浏览器兼容性
在IE7中,如果给body设置滚动条的话,滚动条是出现在body内部的。所以offsetWidth和offsetHeight的值还需要加上滚动条的宽度。当然最终的值和其它浏览器是一样的。
document.body.scrollWidth
获取body元素对象内容的实际宽度,即对象的滚动宽度。
document.body.scrollHeight
获取body元素对象内容的实际高度,即对象的滚动高度。
浏览器兼容性
在FireFox和IE中,其获取的就是body元素对象内部内容的实际宽高。在Chrome、Safari、Opera中,scrollWidth和scrollHeight获取的是整个页面文档的滚动宽高。
document.body.clientLeft
获取body元素对象的左边框的宽度。
document.body.clientTop
获取body元素对象的上边框的宽度。
浏览器兼容性
各浏览器表现一致。
document.body.offsetLeft
获取body元素对象相对于自身的位置。
document.body.offsetTop
获取body元素对象相对于自身的位置。
浏览器兼容性
在Chrome、Opera、Safari、IE8、IE9和IE10中,工作正常,offsetLeft和offsetTop的值都为0。在FireFox中,offsetLeft和offsetTop的值为负的body元素的border-width。在IE7中,offsetLeft和offsetTop指的是body元素对象的边框(不包括边框)到页面文档边缘的距离。
document.body.scrollLeft
获取页面文档向右滚动过的像素数。
document.body.scrollTop
获取页面文档向下滚动过的像素数。
浏览器兼容性
在FireFox、IE8、IE9和IE10中,scrollLeft和scrollTop的值始终为0。在IE7中,scrollLeft和scrollTop的值为body元素对象最顶端和对象内容的最顶端之间的距离,即滚动条滚过的距离。
// 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((document.body) && (document.body.clientWidth))winWidth = document.body.clientWidth;// 获取窗口高度if (window.innerHeight)winHeight = window.innerHeight;else if ((document.body) && (document.body.clientHeight))winHeight = document.body.clientHeight;// 通过深入 Document 内部对 body 进行检测,获取窗口大小if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth){winHeight = document.documentElement.clientHeight;winWidth = document.documentElement.clientWidth;}
阅读全文
0 0
- JS获取屏幕、页面大小、分辨率
- JS 屏幕 分辨率 大小
- js 获取页面及屏幕大小
- js获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS获取屏幕大小
- JS 获取屏幕大小
- JS获取屏幕大小
- js获取屏幕大小
- JS获取屏幕大小
- 量化矩阵选取笔记
- ajax数据交互
- HDU 1166(线段树,单点加减 询问区间和)
- free -g问题,-/+ buffers/cache中 free过小有影响吗,怎么降低
- windows Socket + tcp 简单实例
- JS获取屏幕、页面大小、分辨率
- 利用java语言实现自定义队列与栈
- 【JZOJ 5276】【清华集训2017模拟】神奇的玩具
- C++基础知识
- Linux系统中的常用命令总结
- 单词接龙codevs1018(noip2000)
- LitePal 1.6.0版本来袭,数据加解密功能保障你的应用数据安全
- Java:利用接口实现打印机案例(墨盒有彩色和黑白色,纸张有A4纸和B5纸)
- c++邻接矩阵的创建