有的時候,我們需要使用<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>