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