前端如何获取浏览器窗口的尺寸

  • 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
    window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
    window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
  • 对于 Internet Explorer 5、6、7、8:
    document.documentElement.clientHeight
    document.documentElement.clientWidth
    或者
    document.body.clientHeight
    document.body.clientWidth

总结一下通用方法,获取浏览器窗口的高度和宽度(不包括工具栏/滚动条):

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

猜你喜欢

转载自blog.csdn.net/mangxi8200/article/details/81159629
今日推荐