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

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

複製程式碼 程式碼如下:

 

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

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

複製程式碼 程式碼如下:

here

但這兒的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=#與 a href=javascript:void(0) 的差異 連結的幾個方法

#包含了一個位置資訊

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

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

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

跳動到了頁首

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

所以呼叫腳本的時候最好用void(0)

或

等

連結的幾個辦法

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

2.用自訂函數

<script>
   function openWin(tag,obj)
   {
    obj.target="_blank";
    obj.href = "Web/Substation/Substation.aspx&#63;stationno="+tag;
    obj.click();
   }
  </script>

<a href="javascript:void(0)" onclick="openWin(3,this)">徐州</a>

window.location.href=""

總結：

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

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

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

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