关于javascript:void(0);，herf=”#”以及在IE6下，click事件失效的问题

经常看到一些网页中，超链接标签中<a href=”#”> herf中的“#”改成javascript:void(0);因为＃包含了一个位置信息,默认的锚点是＃top 也就是网页的上端.而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首,而javascript:void(0) 则不是如此.

一般采用ajax技术，才有这种形式，而我们的项目只是加了个click事件，处理一些验证逻辑，之后跳转。。。问题出来了，在IE6下面，click事件失效。。。

网上搜到这么个解释：

这里的href=”javascript:;或javascript:void(0或null);” 本身的意思就是执行空的事件。而响应顺序是从onclick开始，然后再进入href。这里的问题就是执行了onclick链接事件后又执行href的空响应。所以导致失效。
解决办法就是在onclick中最后加上return false;就搞定了（意思就是不执行后面的href中的事件）。至于为什么其它浏览器中不加也可以的问题，那就可以说明“其它浏览器中后面默认的就是跟上return false;而IE6是return true;”注意这个结论还有待验证

return false，这个不行。。。

还有种解决方案，用###。。。

好了问题解决了。。

但回过头来，有这么复杂吗。为什么要用<a>标签，用个<span>问题不就解决了吗。。。

有时候，要从多个角度，思考问题。。偶尔跳出来，看问题，往往有新的思路……

关于javascript:void(0);，herf=”#”以及在IE6下，click事件失效的问题相关推荐

IE6的又一条罪 javascript:void(0)
为什么80%的码农都做不了架构师?>>> IE6下使用<a href='javascript:void(0);' οnclick='open_thickbox()' /& ...
空链接，a标签herf属性，href=“#” 或者 href=“javascript:void(0)；” 或者href=“javascript:；“ 区别
目录 # 包含了一个位置信息,默认的锚是 #top 也就是网页的上端. href="javascript:void(0);" 和 href="javascript:;&q ...
a href=#与 a href=javascript:void(0) 的差别
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onCl ...
a href=#与 a href=javascript:void(0) 的区别
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP<a href="javascript:void(0)" onCli ...
JAVASCRIPT:VOID(0)含义解析
javascript:;还看见过这样的写法,于是IE6下面调用ajax的时候就出了问题.AJAX,只向前兼容,不向后兼容,IE6以下的解决办法就是,升级.javascript一次性更换访问统计代码我想 ...
a href=# 与 a href=javascript:void(0) 的区别
"#"包含了一个位置信息默认的锚点是#top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到 ...
详解javascript: void(0);
原文简书原文:https://www.jianshu.com/p/08ae8cbeb3be 什么是javascript: void(0); 我们经常会使用到 javascript:void(0) 这 ...
a href=# 与javascript:void(0)的区别
跳转到本页面顶部,一般建议写成javascript:void(0);要好一点,点了一点反应都没有,写#点了会跳一下的
href=#与href=javascript:void(0)的区别
href="#"与href="javascript:void(0)"的区别 # 包含了一个位置信息,默认的锚是#top 也就是网页的上端. 而javascrip ...

关于javascript:void(0);，herf=”#”以及在IE6下，click事件失效的问题

关于javascript:void(0);，herf=”#”以及在IE6下，click事件失效的问题相关推荐

最新文章

热门文章