這次給大家帶來html超級連結a的click事件之後跳轉href所指向的地址,html超級連結a的click事件之後跳轉href所指向的地址的注意事項有哪些,下面就是實戰案例,一起來看看。
有的時候,我們需要使用這個超級鏈接,而又不使用href來完成跳轉,而是如:onClick ="fun()">這種方式。這樣,就不會讓頁面跳轉。但同時也會帶來一些負面的問題,例如頁面的title變成了“#”,或是頁面出現了捲軸什麼的。這是因為在執行完了onClick事件後,又去跳轉href所指向的地址了,而」#「是個錨點,預設是網頁的頁首,所以會帶來上邊所說的問題。
解決方法有以下兩種:
1、onClick事件加入return false語句,例如:
<a href="#" onClick="fun(); return false;">点击</a>
2、用void(0)的方式代替#,例如:
<a href="javascript:void(0)" onclick="fun()">点击</a>
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
如何透過display或visibility來實作HTML元素的顯示與隱藏
以上是html超級連結a的click事件之後跳到href所指向的位址的詳細內容。更多資訊請關注PHP中文網其他相關文章!