DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js中 javascript:void(0) 用法詳解
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) 的含義,希望對大家有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved