這篇文章主要為大家展示了“html超級鏈接中click事件之后跳轉href所指向地址的示例分析”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“html超級鏈接中click事件之后跳轉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>
以上是“html超級鏈接中click事件之后跳轉href所指向地址的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。