a 标签为空的时候 该怎么写

本文记录了一个关于微信中空链接导致页面重新加载的bug及解决方案。在iOS设备中,使用href=#none作为空链接时,首次点击按钮会触发页面重新加载。本文详细介绍了这一现象的原因及如何使用javascript:void(0)来规避此问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基于webkit内核的移动开发笔记,之前已经写过4篇,主要是关于移动开发重构的分享,今晚有空了再写一篇。
回忆去年年底最后的一个项目,还有一个很怪异的bug,让项目团队的成员感到十分头疼。测试组的同事做完最后的测试回归后,项目发布上线,并通过微信推送链接。在iOS系统中(Android显示正常),微信内页打开链接后,点击页面的一个按钮,页面被重新加载了,这时才可以对页面进行其它操作。
再次不断测试后,我们这边的同事肯定是微信软件内部配置引起的,可是微信的同事也无法定位具体的问题……纠结了很久….
后来啊,想到各种蛋碎,才知道是a标签的引起的

href=“#none” 这是本来是使用空链接,并使用JS控制ID来给按钮添加功能,但是在微信中会导致第一次点击按钮时页面出现重新加载现象……
解决办法如下:

JavaScript:void(0) 链接无返回值
在从新浪微博,淘宝首页可以看到,当a标签href为空链接,写法为javascript:void(0),也不是说使用href=”#none”就是错误的,在pc端上使用也是没有问题的,也许href=”javascript:void(0);”是专业化的一种表现,更值得我们去写,毕竟它解决微信中存在的一个bug…
这次的经历也告诉自己,不可随意设置空链接的a标签为:按钮,它可能会在你不知情的情况下出现bug,同时发现了自己与他人的差距,还有很多进步的空间,更多是细节上的问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值