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

最新推荐文章于 2023-08-01 11:00:16 发布
最新推荐文章于 2023-08-01 11:00:16 发布
阅读量7.8k 收藏
点赞数 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的区别，这篇文章

淘淘 小窝
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
window.open()实现post传递参数
09-03
本文主要向大家介绍了如何使用window.open()实现post传递参数的方法，思路是参考的一位网友的，然后根据自己的项目需求做了些调整，这里同样分享给大家，希望对大家能够有所帮助。
前端window.open实现激活而非打开的功能
12-22
扩展window.open方法，使得window.open时针对相同的URL地址非打开新窗口，而是仅仅激活已存在窗口，另外，此激活不会刷新页面，不会丢失页面上已存在的数据
window.print打印指定div实例代码
09-04
window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢，请看下面的例子
解析window.open的使用方法总结
09-05
本篇文章是对window.open的使用方法进行了详细的总结与介绍，需要的朋友参考下
javascript window.opener的用法分析
10-29
window.opener 返回的是创建当前窗口的那个窗口的引用
$(window).width()与window.innerWidth的区别
Er1c_w的博客
03-25 936
windows.innerWidth能获得什么数据？ 在自适应设计中，需要用js来判断浏览器宽度，从而调整网页宽度和布局，我一开始用的是windows.innerWidth。 windows.innerWidth能获取当前窗口的宽度(包含滚动条)，当浏览器宽度调整时，这个值也会跟着变化。 但是，windows.innerWidth在IE8浏览器是无效的。所以，需要使用一个代替品，那就是$(wind...
无涯教程-jQuery - width( )方法函数
最新发布
无涯教程
08-01 333
width()方法获取第一个匹配元素的当前计算像素宽度。
获取浏览器窗口宽度遇到的小bug
weixin_48156583的博客
07-05 151
获取浏览器窗口宽度遇到的小bug，用$(document).width()与实际宽度有偏差
当设置页面最小宽度时，$(window).width()取到的值不一致
weixin_34376562的博客
03-31 481
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery $(window).height()和$(window).width()指的是什么
一步步进步的前端
01-09 2585
浏览器可视窗口的高度和宽度。
$(window).width()=0原因
05-05 1311
页面初始化加载东西时候 用$(window).width()来取得屏幕宽度，发现本页面刷新取值准确。但从其他页面跳过来，经常取到$(window).width()=0，原因就是代码执行的时候，浏览器窗口还没有完全开启。   只需要把$(window).width()放在$(document).ready(function(){});里执行即可
JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位
不断成长的我
08-11 4010
浏览器的宽高示意图： JavaScript中常用的方法： 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线
js的 style.width 取不到元素的宽度值
weixin_30576859的博客
11-26 249
以前一直用jquery的.width()方法来获取一个元素的当前的宽度。不管该元素是否设置了宽度，CSS样式是内联、外联or内嵌，都可用此方式获得元素当前的宽度。 今天想用原生JS想获取一个元素宽度时，写document.getElementById("id").style.width或者document.getElementById("id").width都取不到值。。。 总结...
为什么js获取div的宽度不对
qq_41635382的博客
01-21 1503
前提：div里面都是循环出来元素，横向排列，宽度是自适应的 效果：想要直接使用$(div).width()的方式得到他的宽度 现实中的效果：得到的div宽度跟真实宽度不符 解决：必须给div一个准确的宽度，循环的元素宽度如果能够能确定的话，那在循环追加之后div的宽度就可以确定了，这样后续就可以得到div的宽度了。 ...
移动端获取屏幕宽度
whqwyn的博客
01-23 906
目录：1$(window).width() 2scrollWidth 3让平台返回屏幕宽度 概述：今天聊一个开发移动端经常碰到的一个问题：如何获取屏幕宽度，获取屏幕的办法有很多，今天总结一下各个方法的优点、缺点。 $(window).width()：1、用jQuery或者zepto获取屏幕宽度的方法最为简单，但是在Android平台上，有时会获取的不准确（为0），从而影响布局。在IOS平台上
Vue 获取屏幕的宽度和高度
自扰。的博客
05-26 5245
data(){ return{ windowWidth: document.documentElement.clientWidth, //实时屏幕宽度 windowHeight: document.documentElement.clientHeight, //实时屏幕高度 } }, // <!--在watch中监听实时宽高--> watch: { windowHeight (val) { let that =...
js获取屏幕高度宽度
qq_41227106的博客
10-09 314
1、使用原生js获取屏幕的高度 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body....
class ExcelApp: def init(self, master): # 创建登录窗口 login_window = tk.Toplevel(master) login_window.title("登录") login_window.geometry("300x150") login_window.resizable(0, 0) # 创建用户名和密码的 Label 和 Entry tk.Label(login_window, text="用户名：").place(x=50, y=30) username_entry = tk.Entry(login_window) username_entry.place(x=110, y=30) tk.Label(login_window, text="密码：").place(x=50, y=70) password_entry = tk.Entry(login_window, show="*") password_entry.place(x=110, y=70) # 创建登录按钮 def login(): username = username_entry.get() password = password_entry.get() if username == "Q21000002" and password == "Q21000002": login_window.destroy() else: tk.messagebox.showwarning(title="登录失败", message="用户名或密码错误！") tk.Button(login_window, text="登录", command=login).place(x=130, y=110) # 创建 Excel App 窗口 if login_window.wait_window() == 0: master.destroy() else: self.master = master master.title("Excel App") # 获取屏幕的宽度和高度 screen_width = master.winfo_screenwidth() screen_height = master.winfo_screenheight() # 将窗口的大小设置为屏幕的大小 master.geometry("%dx%d" % (screen_width, screen_height))修改這個代碼儅運行時不要跳出兩個窗口，沒輸入賬號密碼前只保留一個窗口，儅賬號密碼正確輸入后再將窗口跳出來
05-26
您可以尝试将创建 ExcelApp 窗口的代码移动到登录按钮的函数中，并在登录成功后再创建窗口。同时，将登录窗口的销毁放在登录成功的条件语句中，以确保登录窗口仅在登录成功后关闭。 可以参考下面的代码： ``` class ExcelApp: def __init__(self, master): self.master = master self.create_login_window() def create_login_window(self): # 创建登录窗口 self.login_window = tk.Toplevel(self.master) self.login_window.title("登录") self.login_window.geometry("300x150") self.login_window.resizable(0, 0) # 创建用户名和密码的 Label 和 Entry tk.Label(self.login_window, text="用户名：").place(x=50, y=30) self.username_entry = tk.Entry(self.login_window) self.username_entry.place(x=110, y=30) tk.Label(self.login_window, text="密码：").place(x=50, y=70) self.password_entry = tk.Entry(self.login_window, show="*") self.password_entry.place(x=110, y=70) # 创建登录按钮 tk.Button(self.login_window, text="登录", command=self.login).place(x=130, y=110) def login(self): username = self.username_entry.get() password = self.password_entry.get() if username == "Q21000002" and password == "Q21000002": self.login_window.destroy() self.create_excel_app_window() else: tk.messagebox.showwarning(title="登录失败", message="用户名或密码错误！") def create_excel_app_window(self): # 创建 Excel App 窗口 self.master.title("Excel App") # 获取屏幕的宽度和高度 screen_width = self.master.winfo_screenwidth() screen_height = self.master.winfo_screenheight() # 将窗口的大小设置为屏幕的大小 self.master.geometry("%dx%d" % (screen_width, screen_height)) ``` 这样，登录窗口和 Excel App 窗口就可以在同一个窗口中切换了，且只有在登录成功后才会创建 Excel App 窗口。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

淘淘 小窝

为嗷嗷待哺的我助力

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

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

打赏作者

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

抵扣说明：

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

余额充值