javascriptvoid(0)含義以及與"#"的區別講解

javascript:void(0) 中最關鍵的是 void 關鍵字， void 是 JavaScript 中非常重要的關鍵字，該操作符指定要計算一個表達式但是無返回值。

說明：

• 1.javascript：void(0)這種偽協議，少寫的好，如果你看過一些web標準的書就知道為什么了。（不懂，原話摘的，暫做記錄）
• 2.鏈接（href）直接使用javascript：void(0)在IE中可能會引起一些問題，比如：造成gif動畫停止播放等，所以，最安全的辦法還是使用“####”。為防止點擊鏈接后跳轉到頁首，onclick事件return false即可。
• 3.如果僅僅是想鼠標移過，變成手形，可以使用

<span onclick="foo()">Click Me!</span>  

推薦寫法：javascript:;

為什么要使用href=”javascript:void(0);”

href=”javascript:void(0);”這個的含義是，讓超鏈接去執行一個js函數，而不是去跳轉到一個地址，而void(0)表示一個空的方法，也就是不執行js函數。

javascript:是偽協議，表示url的內容通過javascript執行。

void(0)表示不作任何操作，這樣會防止鏈接跳轉到其他頁面。這么做往往是為了保留鏈接的樣式，但不讓鏈接執行實際操作，

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="window.open()"> 點擊鏈接后，頁面不動，只打開鏈接

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:return false;"> 作用一樣，但不同瀏覽器會有差異。

href=”#"的區別（谷歌瀏覽器）

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" >點擊</a>點擊鏈接后不會回到網頁頂部

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >點擊</a> 點擊后會回到網面頂部,并會在地址欄的后面加個 #

"＃"其實是包含了位置信息，例如默認的錨點是＃top 也就是網頁的上端

而javascript:void(0) 僅僅表示一個死鏈接這就是為什么有的時候頁面很長瀏覽鏈接明明是＃可是跳動到了頁首

而javascript:void(0) 則不是如此所以調用腳本的時候最好用void(0)

使用javascript的方法(下面的這些用法會報錯)

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:方法;return false;">文字</a>

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:方法;return false;">文字</a>

補充 :<a href="javascript:fn();" rel="external nofollow" 這樣點擊a標簽就可以執行fn()函數了。

若有不足請多多指教！希望給您帶來幫助！

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對億速云的支持。如果你想了解更多相關內容請查看下面相關鏈接