為什麼要使用href=”javascript:void(0);”
阿新 • • 發佈:2020-07-31
為什麼要使用href=”javascript:void(0);”
href=”javascript:void(0);”這個的含義是,讓超連結去執行一個js函式,而不是去跳轉到一個地址,
而void(0)表示一個空的方法,也就是不執行js函式。
為什麼要使用href=”javascript:void(0);”
javascript:是偽協議,表示url的內容通過javascript執行。void(0)表示不作任何操作,這樣會防止連結跳轉到其他頁面。這麼做往往是為了保留連結的樣式,但不讓連結執行實際操作,
Copy<a href="javascript:void(0)" onClick="window.open()" >
點選連結後,頁面不動,只打開連結
Copy<a href="#" onclick="javascript:return false;">
作用一樣,但不同瀏覽器會有差異。
** href=”javascript:void(0);”與href=”#"的區別**
Copy<a href="javascript:void(0)">點選</a>
點選連結後不會回到網頁頂部
Copy<a href="#">點選</a>
點選後會回到網面頂部
"#"其實是包含了位置資訊,例如預設的錨點是#top 也就是網頁的上端
而**javascript:void(0) 僅僅表示一個死連結這就是為什麼有的時候頁面很長瀏覽連結明明是#可是跳動到了頁首
而
使用javascript的方法#
Copy<a href="#" onclick="javascript:方法;return false;">文字</a>
<a href="javascript:void(0)" onclick="javascript:方法;return false;">文字</a>
補充