a标签有默认的点击事件,点击事件的默认行为是跳转到href指定的某一个网址
组织默认跳转事件行为
1.javascript:void(0) 空处理 void为关键字
<!-- void 它只进行计算或者运行,但是没有返回值 --> <a href="javascript:void(0)">点击跳转</a> <!--当点击跳转的时候,就会告诉a标签,当前的解析是用js来解析的--> <br><br> <a href="Javascript:void(alert('不跳转'))">警告警告</a> <!--不跳转 但是会弹出一个提示框-->
2.javascript:;
<a href="javascript:;"></a> <!-- 既不跳转,也没提示 -->
3.使用手动的方式给a标签一个点击事件来阻止跳转,然后再点击事件中添加return false这个属性
<a href="return false" onclick="return false">点击跳转</a>
4.e.preventdefaule() 相当于button中要提交的submit,不让它提交给这个属性就可以阻止它的提交
<a href="http://wwww.baidu.com" id="test">跳转</a> var test = document.getElementById("test"); function Default(e){ // 注意这里的循环语句是没有大括号的,因为他不会报错,而且有了大括号是无法阻止跳转的 if (e && e.preventDefault) e.preventDefault(); else window.event.returnValue = false; } test.onclick = function(e){ Default(e) }
注意点:如果href属性是锚点,它是不管在哪里只要点击了跳转就会跳转到菜单栏或者顶部