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

void(0)用於執行某些處理，可是不總體刷新頁面的狀況下，下面小編就給你們詳細介紹js中 javascript:void(0)的含義 ，須要的朋友能夠參考下

 

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) 的含義，但願對你們有所幫助。