js中 javascript:void(0) 用法詳解_javascript技巧

javascript:void(0)表示不做任何動作。如：

複製代碼 代碼如下:

<a href="javascript:void(0);" onclick="alert('ok');"></a> 

這裡表示這個連結不做跳轉動作，執行onClick事件。

我想使用過ajax的都常見這樣的代碼：

複製代碼 代碼如下:

<a href="javascript:doTest2();void(0);">here</a>

但這兒的void(0)究竟是何含義呢？

Javascript中void是一個操作符，該操作符指定要計算一個運算式但是不傳回值。

void 操作符用法格式如下：

1. javascript:void (expression)
2. javascript:void expression

expression 是一個要計算的 Javascript 標準的運算式。運算式外側的圓括弧是選的，但是寫上去是一個好習慣。 (實現版本   Navigator 3.0   )

你以使用 void 操作符指定超級連結。運算式會被計算但是不會當前文檔處裝入任何內容。

下面的代碼建立了一個超級連結，當使用者以後不會發生任何事。當使用者連結時，void(0) 計算為 0，但 Javascript 上沒有任何效果。

複製代碼 代碼如下:

<A HREF="javascript:void(0)">單此處什麼也不會發生</A>

下面的代碼建立了一個超級連結，使用者單時會提交表單。

複製代碼 代碼如下:

<A HREF="javascript:void(document.form.submit())">
單此處提交表單</A>

a href=#與 a href=javascript:void(0) 的區別 連結的幾種辦法

#包含了一個位置資訊

預設的錨是#top 也就是網頁的上端

而javascript:void(0)   僅僅表示一個死連結

這就是為什麼有的時候頁面很長瀏覽連結明明是#是

跳動到了頁首

而javascript:void(0) 則不是如此

所以呼叫指令碼的時候最好用void(0)

或者<input onclick>

<div onclick>等

連結的幾種辦法

1.window.open(''url'')

2.用自訂函數

<script>   function openWin(tag,obj)   {    obj.target="_blank";    obj.href = "Web/Substation/Substation.aspx?stationno="+tag;    obj.click();   }  </script><a href="javascript:void(0)" onclick="openWin(3,this)">徐州</a>window.location.href=""

總結：

1 void(0)用於執行某些處理，但是不整體重新整理頁面的情況下,但是在需要對頁面進行refresh的情況下，那就要仔細了。

2 其實我們可以這樣用<a href=”javascript:void(document.form.submit())”>，這句話會進行一次submit操作。那什麼情 況下用void(0)比較多呢，無重新整理，當然是Ajax了，看一下Ajax的web頁面的話，一般都會看到有很多的void(0)，：） ，所以在使用void(0)之前,最好先想一想,這個頁面是否需要整體重新整理

3 說白了，href="#"這種形式會整體重新整理頁面，而 href="javascript:void(0)" 則不會

以上內容介紹了js中 javascript:void(0) 的含義，希望對大家有所協助。