JS获取屏幕高度(转)
2013-11-27 17:53
218 查看
IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/16/90c4aedbc358ff34b4cd4b9ad1e2ceae.jpg)
网页可见区域宽: 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 (像素/英寸)
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/16/90c4aedbc358ff34b4cd4b9ad1e2ceae.jpg)
网页可见区域宽: 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 (像素/英寸)
相关文章推荐
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
- js获取网页屏幕可见区域高度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- js和jQuery 获取屏幕高度、宽度
- JS,Jquery获取各种屏幕的宽度和高度
- JS获取浏览器位置,屏幕高度、宽度
- jquery的height()和javascript的height总结,js获取屏幕高度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS,Jquery获取各种屏幕的宽度和高度
- 关于使用“JS获取屏幕,浏览器,网页高度宽度”的个人思考
- js获取网页屏幕可见区域的高度
- JS,Jquery获取各种屏幕的宽度和高度
- JS获取屏幕,浏览器,网页高度宽度
- JS获取屏幕高度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- js获取屏幕以及网页等宽度和高度
- JS、JQ获取屏幕高度与宽度
- JS,Jquery获取各种屏幕的宽度和高度
- js获取各种屏幕高度
- js 获取整个屏幕的可用宽度和可用高度