首頁  >  文章  >  web前端  >  html超級連結a的click事件之後跳到href所指向的位址

html超級連結a的click事件之後跳到href所指向的位址

php中世界最好的语言
php中世界最好的语言原創
2018-02-08 10:13:492684瀏覽

這次給大家帶來html超級連結a的click事件之後跳轉href所指向的地址,html超級連結a的click事件之後跳轉href所指向的地址的注意事項有哪些,下面就是實戰案例,一起來看看。

有的時候,我們需要使用3499910bf9dac5ae3c52d5ede7383485這個超級鏈接,而又不使用href來完成跳轉,而是如:ca8395ec49d4ff637a592510f10c51b45db79b134e9f6b82c0b36e0489ee08ed這種方式。這樣,就不會讓頁面跳轉。但同時也會帶來一些負面的問題,例如頁面的title變成了“#”,或是頁面出現了捲軸什麼的。這是因為在執行完了onClick事件後,3499910bf9dac5ae3c52d5ede7383485又去跳轉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裡table表資料如何轉換為Json格式

marquee元素如何實現滾動字體與圖片的效果

IE網頁彈出窗口的參數有哪些

以上是html超級連結a的click事件之後跳到href所指向的位址的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn