Jquery如何获取浏览器窗口宽度?

使用Jquery如何获取浏览器宽度(包括滚动条宽度)?

页面需要响应式布局,包括了JS和CSS控制,可以看到右上角显示的宽度是真正的浏览器宽度,在CSS中根据宽度应用不同的CSS就是根据的这个宽度进行控制,而JS中使用$(window).width()获取的宽度却没有包含右侧的滚动条,可以看到下方获取输出的宽度是不同的。

那么问题来了,如何使用Jquery获取到真正的浏览器宽度呢?感谢大神解答!

alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
alert($(document).width());//浏览器时下窗口文档对于象宽度
alert($(document.body).width());//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-12-16
我给我你解释一下吧

你右上角是浏览器 右上角显示的是你body的宽度(这个宽度是不包括滚动条的)

你 $(window).width() 获取的是浏览器的宽度 (这个宽度包括滚动条)

正常情况下这两个宽度相差12像素,也就是一个滚动条的 宽度本回答被提问者采纳
第2个回答  2015-04-10
2;

jquery js获取移动设备浏览器高度
一、获取浏览器的高度:jquery代码直接使用 $(window).height();原生态JS代码需要考虑页面DOCTYPE的声明,使用以下代码: var w=document.documentElement?document.documentElement.clientHeight:document.body.clientHeight;alert(w); 二、获取浏览器的宽度:jquery代码直接使用 $(window).With();原生态JS代码...

jquery怎么获取浏览器屏幕分辨率
alert($(document.body).outerWidth(true));\/\/浏览器当前窗口文档body的总宽度 包括 border padding margin alert(screen.height);\/\/显示器分辨率,只能用JavaScript代码获取 alert(screen.width);}) 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽...

jquery获取body的高度(jquery获取对象长度)
alert($(documentbody)outerHeight(true));\/\/浏览器当前窗口文档body的总高度包括borderpaddingmargin alert($(window)width());\/\/浏览器当前窗口可视区域宽度 alert($(document)width());\/\/浏览器当前窗口文档对象宽度 alert($(documentbody)width());\/\/浏览器当前窗口文档body的宽度 alert($(documentbody)outerWid...

jquery不能直接获取clientHeight?
jquery函数获取宽高方法 (window).height()   \/\/浏览器时下窗口可视区域高度 $(document).height()  \/\/浏览器时下窗口文档的高度 $(document.body).height()\/\/浏览器时下窗口文档body的高度 $(document.body).outerHeight(true) \/\/浏览器时下窗口文档body的总高度 包括border pa...

jquery获取滚动条高度和位置
1、首先打开hbuilder编辑器,新建一个HTML文档,里面输入长篇的文字。2、然后在上方引入jQuery的脚本,编辑js脚本,使用bind方法绑定浏览器的scroll事件,监听网页滚动,之后用scrollTop()获取垂直滚动距离,最后弹出输出的值即可。3、保存一下打开浏览器,可以看到一个长篇的文档。4、按F12打开浏览器开发者...

如何获取滚动条的高度 jquery
获取浏览器显示区域的高度 : $(window).height();获取浏览器显示区域的宽度 :$(window).width();获取页面的文档高度 :$(document).height();获取页面的文档宽度 :$(document).width();获取滚动条到顶部的垂直高度 :$(document).scrollTop();获取滚动条到左边的垂直宽度 :$(document)....

jquery获取img宽高
1、首先,界面中有一个img,但是js不用于设置其宽度,高度和背景颜色,如下图所示。2、其次,使用jQuery获取要设置的div,然后调用css()方法即可开始设置,如下图所示。3、接着,可以在css方法中设置。需要注意的是,里面有大括号,并且该属性用双引号引起来,如下图所示。4、然后,完成上述步骤后,...

jquery $(window).height()和$(window).width()所指的浏览器可视窗口的...
(window).height();获取浏览器显示区域的高度;(window).width();获取浏览器显示区域的宽度;(document.body).height();获取页面文档的高度;(document.body).width();获取页面文档的宽度;(document).scrollTop();获取滚动条到顶部的高度;(document).scrollLeft();获取滚动条到左边的宽度;...

如何获取屏幕的宽度
问题一:js 中怎么获取当前屏幕的宽度 document.documentElement.clientWidth 这个方法返回页面在当前窗口中可见部分的宽度(不包括滚动条宽度);window.innerWidth 这个方法返回页面在当前窗口中可见部分宽度(包括滚动条宽度);window.outerWidth 返回浏览器窗口自身宽度,包括菜单和边框;screen.width 返回设备的(...

怎么看浏览器的分辨率?
在桌面的空白处点右键,点属性,点设置,修改了你的分辨率,点确定就行了,纠正一点,不时修改浏览器的分辨率,而是修改了电脑整体的分辨率 jquery怎么获取浏览器屏幕分辨率 原生js即可,screen.width,screen.height jquery怎么获取浏览器屏幕分辨率 网页可见区域宽: document.body.clientWidth 网页可见区域高:...

相似回答