使用a链接时如何阻止超链接跳转

216 阅读 0 评论 143 点赞

我是靠谱客的博主野性烧鹅，最近开发中收集的这篇文章主要介绍使用a链接时如何阻止超链接跳转，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在用 <a href="" onclick=""> 时，出现了一些问题，困惑了我一个多月，现在从网友那边得到以下结论，让我豁然开朗，问题也迎刃而解。

链接的onclick事件被先执行，其次是href属性下的动作（页面跳转，或 javascript 伪链接）；
假设链接中同时存在href与onclick，如果想让href属性下的动作不执行，onclick必须得到一个false的返值；
如果页面过长有滚动条，且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript：void(0); ，而不要是 #，这可以防止不必要的页面跳动；
如果在链接的 href属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；
在按住Shift键的情况下会有所区别。
今天我遇到的问题，在IE6.0里以href的形式访问不到parentNode。
尽量不要用javascript：协议做为A的href属性，这样不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。