給html超連結設定事件不使用href來完成跳
阿新 • • 發佈：2019-01-09
有時候我們需要使用a這個超級連結，而又不使用href來完成跳轉，針對這個問題，可以採用下面的解決方案
有的時候，我們需要使用<a>這個超級連結，而又不使用href來完成跳轉，而是如：<a href="#" onClick="fun()"></a>這種方式。這樣，就不會讓頁面跳轉。但是同時也會帶來一些負面的問題，比如頁面的title變成了“#”，或者頁面出現了滾動條什麼的。這是因為在執行完了onClick事件後，<a>又去跳轉href所指向的地址了，而”#“是個錨點，預設是網頁的頁首，所以會帶來上邊所說的問題。
解決方法有以下兩種：
1、onClick事件新增return false語句，例如：
複製程式碼 程式碼如下:
<a href="#" onClick="fun(); return false;">點選</a>
2、用void(0)的方式代替#，例如：
複製程式碼 程式碼如下:
<a href="javascript:void(0)" onclick="fun()">點選</a>
解決方法有以下兩種：
1、onClick事件新增return false語句，例如：
複製程式碼 程式碼如下:
<a href="#" onClick="fun(); return false;">點選</a>
2、用void(0)的方式代替#，例如：
複製程式碼 程式碼如下:
<a href="javascript:void(0)" onclick="fun()">點選</a>