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

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

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

<a href="javascript：void(0)" onClick="window.open()"> 點擊鏈接后，頁面不動，只打開鏈接

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

href=”javascript:void(0);”與href=”#"的區別

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

"＃"其實是包含了位置信息，例如默認的錨點是＃top 也就是網頁的上端 而javascript:void(0) 僅僅表示一個死鏈接這就是為什么有的時候頁面很長瀏覽鏈接明明是＃可是跳動到了頁首 而javascript:void(0) 則不是如此，所以調用腳本的時候最好用void(0) 使用javascript的方法

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

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

---

在做頁面時，如果想做一個鏈接點擊后不做任何事情，或者響應點擊而完成其他事情，可以設置其屬性 href = "#"，但是，這樣會有一個問題，就是當頁面有滾動條時，點擊后會返回到頁面頂端，用戶體驗不好。

目前有如下幾種解決辦法：?

1)點擊鏈接后不做任何事情

<a href="javascript：void(0);" >test</a>
<a href="javascript：;" >test</a>
<a href="####" >test</a> //使用2個到4個#，見的大多是"####"，也有使用"#all"等其他的

2)點擊鏈接后，響應用戶自定義的點擊事件

<a href="javascript：void(0)" onclick="doSomething()">test</a>
<a href="#" onclick="doSomething();return false;">什么問題都解決了,包括瀏覽器不兼容問題</a> //或者直接使用href=""
<a href="#" onclick="alert();event.returnValue=false;">test</a>

本文參考：https://www.cnblogs.com/cyjy/p/6182587.html https://blog.csdn.net/ikillyou44/article/details/78415309

總結

以上是生活随笔為你收集整理的为什么要使用href=”javascript:void(0);”的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。