【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none

基于webkit内核的移动开发笔记，之前已经写过4篇，主要是关于移动开发重构的分享，今晚有空了再写一篇。

回忆去年年底最后的一个项目，还有一个很怪异的bug，让项目团队的成员感到十分头疼。测试组的同事做完最后的测试回归后，项目发布上线，并通过微信推送链接。在ios系统中(android显示正常)，微信内页打开链接后，点击页面的一个按钮，页面被重新加载了，这时才可以对页面进行其它操作。

再次不断测试后，我们这边的同事肯定是微信软件内部配置引起的，可是微信的同事也无法定位具体的问题......纠结了很久....

后来啊，想到各种蛋碎，才知道是a标签的引起的

<a href="#none" class="btn" id="btn"></a>

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

解决办法如下：

<a href=”javascript:void(0);” class="btn" id="btn"></a>

javascript:void(0) 链接无返回值

在从新浪微博，淘宝首页可以看到，当a标签href为空链接，写法为javascript:void(0)，也不是说使用href="#none"就是错误的，在pc端上使用也是没有问题的，也许href="javascript:void(0);"是专业化的一种表现，更值得我们去写，毕竟它解决微信中存在的一个bug...

这次的经历也告诉自己，不可随意设置空链接的a标签为：<a href="#none">按钮</a>，它可能会在你不知情的情况下出现bug，同时发现了自己与他人的差距，还有很多进步的空间，更多是细节上的问题。

webkit开发系列：

(1)【原】[基于webkit内核的移动开发笔记]之使用chrome进行手机开发

(2)【原】[基于webkit内核的移动开发笔记]之无法自动播放的audio元素

(3)【原】[基于webkit内核的移动开发笔记]之CSS3径向渐变

(4)【原】[基于webkit内核的移动开发笔记]之如何去除android上a标签产生的边框

作者：白树

出处：http://peunzhang.cnblogs.com/

【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none相关推荐

空链接，a标签herf属性，href=“#” 或者 href=“javascript:void(0)；” 或者href=“javascript:；“ 区别
目录 # 包含了一个位置信息,默认的锚是 #top 也就是网页的上端. href="javascript:void(0);" 和 href="javascript:;&q ...
html 空链接 href=#与href=javascript:void(0)的区别
#包含了一个位置信息默认的锚是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首而javascrip ...
a href=#与 a href=javascript:void(0) 的区别打开新窗口链接的几种办法
#包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首而javas ...
Android开发笔记（一百五十九）Android7.0的分屏模式
现在的手机屏幕越来越大,使得在屏幕上同时开多个窗口不再奢侈,因此Android从7.0开始顺势推出了分屏功能,也被称作多窗口模式.比如把竖长的手机屏幕分成上下两个窗口,一边在上面的窗口中观看电影,一边 ...
【原】[webkit移动开发笔记]之如何去除android上a标签产生的边框
去年年底,做完最后一个项目就可以开开心心回家,可是在测试阶段,发现了不少bug,为了不影响回家时间,加班加点也要解决这些问题,这里算是工作回忆,也算是工作的一点小总结. 在ios4+和android2 ...
全局修改a链接的打开方式,javascript:void(0)会打开空白页面问题
添加 <base target="_blank">会出现一个问题,在ie,firefox 下 <a href="javascript:void(0)&q ...
HTML a标签之空链接
文章目录 `` 标签介绍空链接的作用以及``和``的区别 <a> 标签介绍 <a>是HTML的标准标签之一,称为链接或是超链接标签.这个标签作用是定义一个锚(anchor), ...
Andriod开发之二十：Android开发笔记（序）写在前面的目录
https://blog.csdn.net/aqi00/article/details/50038385 知识点分类一方面写写自己走过的弯路掉进去的坑,避免以后再犯:另一方面希望通过分享自己的经验教 ...
HTML——a标签实现空链接（禁止跳转）
基本概念空链接:指鼠标指向链接后,鼠标变成手形,但是单击链接后,仍然停留在当前页面. 解决方案 a标签href不跳转禁止跳转当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法: 1. ...

【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none

【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none相关推荐

最新文章

热门文章