js原生的window.innerWidth jQuery有替代方法吗

深山大萝卜发布于 2016/05/15 14:03

阅读 961

答案 2

jQuery log4javascript

window.innerWidth是获取浏览器包括滚动条的宽度好像这个在ie8无效。

jquery我查了一下好像没有什么获取浏览器宽度（包含滚动条宽度）的方法。

$(window).widht();$(window).outerWidht(true);
都只是获取了不包含滚动条的宽度而已，求高人指点一下jquery有无window.innerWidth的替代方法。

加载中

sunjr

2016/05/15 16:12

有的，在浏览器下这样获取比较合适

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

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

评论 (0) 引用此答案举报

eechen

2016/05/15 17:21

//当前显示区域(viewport)中包括滚动条的宽度
console.log(window.innerWidth);

//当前显示区域(viewport)不包括滚动条的宽度
console.log(window.document.body.clientWidth);

//浏览器能获得的最大宽度
console.log(window.screen.availWidth);

$(window).width()和$(document).width()和$('body').width()的值跟window.document.body.clientWidth相同.
既然原生JS能够轻松获取,就没必要非要用jQuery的函数吧.

评论 (0) 引用此答案举报