js获取屏幕宽高等操作

Posted lyls

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取屏幕宽高等操作相关的知识,希望对你有一定的参考价值。

  1. document.body.clientWidth ==> BODY对象宽度  
  2. document.body.clientHeight ==> BODY对象高度  
  3. document.documentElement.clientWidth ==> 可见区域宽度  
  4. document.documentElement.clientHeight ==> 可见区域高度  
  5.   
  6. 网页可见区域宽: document.body.clientWidth  
  7. 网页可见区域高: document.body.clientHeight  
  8. 网页可见区域宽: document.body.offsetWidth (包括边线的宽)  
  9. 网页可见区域高: document.body.offsetHeight (包括边线的高)  
  10. 网页正文全文宽: document.body.scrollWidth  
  11. 网页正文全文高: document.body.scrollHeight  
  12. 网页被卷去的高: document.body.scrollTop  
  13. 网页被卷去的左: document.body.scrollLeft  
  14. 网页正文部分上: window.screenTop  
  15. 网页正文部分左: window.screenLeft  
  16. 屏幕分辨率的高: window.screen.height  
  17. 屏幕分辨率的宽: window.screen.width  
  18. 屏幕可用工作区高度: window.screen.availHeight  
  19. 屏幕可用工作区宽度: window.screen.availWidth  

以上是关于js获取屏幕宽高等操作的主要内容,如果未能解决你的问题,请参考以下文章

javascript 原生JS获取屏幕宽高,距离

javascript 原生JS获取屏幕宽高,距离

js获取网页宽高

js 获取屏幕或元素宽高...

js获取屏幕以及元素宽高的方法

js和jquery获取屏幕宽高以及加margin和padding等边距的宽高