$(window).width()获取宽度错误

最新推荐文章于 2024-06-26 12:08:40 发布
最新推荐文章于 2024-06-26 12:08:40 发布
阅读量7.9k 收藏
点赞数 2
分类专栏： jquery 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wd4java/article/details/50125019
版权

今天遇到个问题,$(window).width() ,获取的宽度少了20-30px

分析:

内容出现滚动条,这个获取宽度的方法没有计算滚动条宽度.

解决:

window.innerWidth 使用原生js的这个方法获取窗口宽度。

具体描述请参考:

jquery中

$(window).width()与window.innerWidth的区别，这篇文章

淘淘 小窝
关注
专栏目录
无涯教程-jQuery - width( )方法函数
无涯教程
08-01 440
width()方法获取第一个匹配元素的当前计算像素宽度。
在vue中使用echart,以及踩坑点
guodanpidashu的博客
12-27 1662
在vue中使用echart,以及踩坑点
当设置页面最小宽度时，$(window).width()取到的值不一致
weixin_34376562的博客
03-31 509
2019独角兽企业重金招聘Python工程师标准>>> ...
前端应熟知的各种宽度高度
最新发布
分享程序相关知识
06-26 364
前端应熟知的各种宽度高度。
$(window).width()与window.innerWidth的区别
热门推荐
宁静致远
06-02 2万+
window.innerWidth能获得什么数据？ 在自适应设计中，需要用js来判断浏览器宽度，从而调整网页宽度和布局，我一开始用的是window.innerWidth。 window.innerWidth能获取当前窗口的宽度(包含滚动条)，当浏览器宽度调整时，这个值也会跟着变化。 但是，window.innerWidth在IE8浏览器是无效的。所以，需要使用一个代替品，那就是$
js的 style.width 取不到元素的宽度值
weixin_30576859的博客
11-26 266
以前一直用jquery的.width()方法来获取一个元素的当前的宽度。不管该元素是否设置了宽度，CSS样式是内联、外联or内嵌，都可用此方式获得元素当前的宽度。 今天想用原生JS想获取一个元素宽度时，写document.getElementById("id").style.width或者document.getElementById("id").width都取不到值。。。 总结...
为什么js获取div的宽度不对
qq_41635382的博客
01-21 1596
前提：div里面都是循环出来元素，横向排列，宽度是自适应的 效果：想要直接使用$(div).width()的方式得到他的宽度 现实中的效果：得到的div宽度跟真实宽度不符 解决：必须给div一个准确的宽度，循环的元素宽度如果能够能确定的话，那在循环追加之后div的宽度就可以确定了，这样后续就可以得到div的宽度了。 ...
js不能获取隐藏的div的宽度只能先显示后获取
10-25
// 获取宽度 var tipsWidth = $(".Loading").css("width").replace("px", ""); // 计算并设置div居中的位置 $(".Loading").css({"left": (windowWidth - tipsWidth) / 2 + "px"}); ``` 通过上述步骤和代码，我们就能...
[Electron] 对window.prompt不支持的拓展处理
imagination_7的博客
05-12 771
使用electron框架时，网页当中使用了window.prompt获取输入的内容，实际情况electron会抛出错误"prompt() is and will not be supported";
Window.Open参数、返回值
何哲江的专栏
08-12 1万+
一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数(各参数用逗号分隔) 三、示例： window.open('p
jsWindow对象及方法.pdf
09-27
此外，文档中还提到了window对象的outerWidth、outerHeight、innerWidth、innerHeight等属性，这些属性分别用于获取浏览器窗口的外部宽度、外部高度、内部宽度和内部高度。还有关于toolbar、directories、status、...
移动端获取屏幕宽度
whqwyn的博客
01-23 956
目录：1$(window).width() 2scrollWidth 3让平台返回屏幕宽度 概述：今天聊一个开发移动端经常碰到的一个问题：如何获取屏幕宽度，获取屏幕的办法有很多，今天总结一下各个方法的优点、缺点。 $(window).width()：1、用jQuery或者zepto获取屏幕宽度的方法最为简单，但是在Android平台上，有时会获取的不准确（为0），从而影响布局。在IOS平台上
$(window).width()=0原因
05-05 1382
页面初始化加载东西时候 用$(window).width()来取得屏幕宽度，发现本页面刷新取值准确。但从其他页面跳过来，经常取到$(window).width()=0，原因就是代码执行的时候，浏览器窗口还没有完全开启。   只需要把$(window).width()放在$(document).ready(function(){});里执行即可
JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位
不断成长的我
08-11 4045
浏览器的宽高示意图： JavaScript中常用的方法： 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线
获取浏览器窗口宽度遇到的小bug
weixin_48156583的博客
07-05 205
获取浏览器窗口宽度遇到的小bug，用$(document).width()与实际宽度有偏差
$(window).load()方法理解、使用场景
L.Cheng Blog
10-11 4178
1、$(window).load() 和window.οnlοad=function(){}是页面中的所有元素（包括图片、flash）等都加载完毕后，才能执行；$(document).ready() 是页面中的DOM元素加载完成后便可执行。2、$(window).load()和window.οnlοad=function(){}不同的是，前者可以和$(document).ready()一样，可以同时加载多个函数。
window.js：页面元素操作与接口详解
- `setWidth(width)`和`setHeight(height)`：设置元素的宽度和高度。 - `setPosition(position)`：设置元素的位置，比如`static`, `relative`, `absolute`或`fixed`。 - `setZIndex(zIndex)`：设置元素的堆叠顺序，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

淘淘 小窝

为嗷嗷待哺的我助力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值