標籤 href="javascript:void(0)" 跟href="#" onclick="javascript:func()"的區別

將<a>標籤設置爲空鏈接有三種方式,第一種是href="#",另外一種是href="javascript:void(0);",第三種是href=""。三種方式都設置了標籤爲空鏈接,但是兩種方式還是有些不同的地方。

1、href="#",當點擊的時候會跳轉到頁面的頂部,相當於點擊了一個錨點,在URL的後面也會出現一個#的識符號。

2、href="javascript:void(0);"則是要執行一個javascript的表達式。void(0)不執行也不返回任何東西,因此不會發生任何跳轉。

所有設置空鏈接推薦用href="javascript:void(0);"

javascript:void(0) 代表是一個死鏈接,href不會執行任何動作。但是,在 IE6 裏面有 ajax 事件可能會出現不執行的問題,此時,還可以使用###來代替#和javascript:void(0),它在大多數情況下是不會出現問題的:

3、a href =" ": 默認打開的還是當前頁面,會刷新一下重新打開。

4、onclick事件先執行,href在後

5、還有一種更好的辦法,就是在onclick執行語句最後,添加'return false;',它會阻止href下的動作,此時href裏直接寫#便可:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章