画一个简图帮助直观理解Javascript获取屏幕,页面,浏览器的高度的方法:

  • 通过window.screenX, window.screenY来获取浏览器在当前屏幕的坐标。
  • 通过window.innerWidth, window.innerHeigher来获取浏览器当前的宽和高。
  • 通过window.scrollX, window.screenY来获取当前页面的滚动条移动情况。
  • 而再获取当前页面的高度时,为了实现浏览器的兼容性,需要通过下面的方式获取最大值。
var body = document.body,   html = document.documentElement;

var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

发表评论