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屬性是錨點,它是不管在哪里只要點擊了跳轉就會跳轉到菜單欄或者頂部