对于获取浏览器页面大小的问题

今天研究了一下获取浏览器页面大小的问题,自己再总结一下

对于火狐、谷歌、苹果浏览器来说都可以直接使用

window.innerWidth (页宽)

window.innerHeight (页高)

来获取。

而对于ie，

ie9及以上的浏览器可以使用 window.innerWidth和window.innerHeight属性。

而ie8及以下的需要使用 document.documentElement.clientWidth和document.documentElement.clientHeight

ie6分标准模式(document.compatMode == 'CSS1Compat')和怪异模式

标准模式使用：document.documentElement.clientWidth和document.documentElement.clientHeight

怪异模式使用：document.body.clientWidth和document.body.clientHeight(标准模式下是不支持这个属性的)。

所以一般来说用js来获取页面大小用以下代码就可以了

var width = window.innerWidth || document.documentElement.clientWidth;

而如果使用jq就方便多了

var width = $(window).width();