$(window).width()与window.innerWidth的区别

转载地址：http://www.webkaka.com/tutorial/js/2015/091615/

近日把网站改为自适应，需要用到一部分js和jquery程序，由于要考虑到各浏览器的兼容性，所以在调试上需要格外用心，并且在各函数的使用上也要比较谨慎。但是由于工作量繁多，会时常出现一些bug，要在使用时才可能被发现。今天，就发现了一个问题，在IE8打开网页时，左下角有黄色警告提示，说明网页JS有问题了。经过一番捣鼓之后，发现原来是window.innerWidth这个写法的问题，该写法在IE8里原来是无效的，出现undefined错误提示。

window.innerWidth能获得什么数据？

在自适应设计中，需要用js来判断浏览器宽度，从而调整网页宽度和布局，我一开始用的是window.innerWidth。

window.innerWidth能获取当前窗口的宽度(包含滚动条)，当浏览器宽度调整时，这个值也会跟着变化。

但是，window.innerWidth在IE8浏览器是无效的。所以，需要使用一个代替品，那就是$(window).width()。

$(window).width()与window.innerWidth有什么区别？

$(window).width()也是获得浏览器宽度的方法，但它跟window.innerWidth是不同的。

1）$(window).width()需要引用jquery.js文件，它是jquery方法。而window.innerWidth是js方法，不需要引用jquery.js文件。

2）它们获取的数值是不同的，window.innerWidth获取当前窗口的宽度(包含滚动条)，$(window).width()获取当前窗口的宽度(不包含滚动条)。看下图所示：