我們經常會使用到 javascript:void(0) 這樣的代碼，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？

javascript:void(0) 中最關鍵的是 void 關鍵字， void 是 JavaScript 中非常重要的關鍵字，該操作符指定要計算一個表達式但是不返回值。

語法格式如下：

void func()
javascript:void func()

或者

void(func())
javascript:void(func())

下面的代碼創(chuàng)建了一個超級鏈接，當用戶點擊以后不會發(fā)生任何事。

實例

<a href="javascript:void(0)">單擊此處什么也不會發(fā)生</a>

當用戶鏈接時，void(0) 計算為 0，但 Javascript 上沒有任何效果。

以下實例中，在用戶點擊鏈接后顯示警告信息：

實例

<p>點擊以下鏈接查看結果：</p>
<a href="javascript:void(alert('Warning!!!'))">點我!</a>

以下實例中參數 a 將返回 undefined :

實例

function getValue(){
  var a,b,c;
  a = void ( b = 5, c = 7 );
  document.write('a = ' + a + ' b = ' + b +' c = ' + c );
}

href="#"與href="javascript:void(0)"的區(qū)別
# 包含了一個位置信息，默認的錨是#top 也就是網頁的上端。

而javascript:void(0), 僅僅表示一個死鏈接。

在頁面很長的時候會使用 # 來定位頁面的具體位置，格式為：# + id。

如果你要定義一個死鏈接請使用 javascript:void(0) 。

<a href="javascript:void(0);">點我沒有反應的!</a>
<a href="#pos">點我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位點</p>

補充

void()僅僅是代表不返回任何值，但是括號內的表達式還是要運行，如

void(alert("Warnning!"))

// 阻止鏈接跳轉，URL不會有任何變化
<a href="javascript:void(0)" rel="nofollow ugc">點擊此處</a>

// 雖然阻止了鏈接跳轉，但URL尾部會多個#，改變了當前URL。（# 主要用于配合 location.hash）
<a href="#" rel="nofollow ugc">點擊此處</a>

// 同理，# 可以的話，? 也能達到阻止頁面跳轉的效果，但也相同的改變了URL。（? 主要用于配合 location.search）
<a href="?" rel="nofollow ugc">點擊此處</a>

// Chrome 中即使 javascript:0; 也沒變化，firefox中會變成一個字符串0
<a href="javascript:0" rel="nofollow ugc">點擊此處</a>

下面是其他同學的補充

在Javascript中void是一個操作符，該操作符指定要計算一個表達式但是不返回值。

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

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

void 操作符用法格式如下：

1. javascript:void (expression)

2. javascript:void expression

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

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

下面的代碼創(chuàng)建了一個超級鏈接，當用戶以后不會發(fā)生任何事。當用戶鏈接時，void(0) 計算為 0，但 Javascript 上沒有任何效果。

下面的代碼創(chuàng)建了一個超級鏈接，用戶單時會提交表單。

a href=#與 a href=javascript:void(0) 的區(qū)別 鏈接的幾種辦法

#包含了一個位置信息

默認的錨是#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=""

以上內容介紹了js中javascript:void(0) 真正含義，希望對大家今后的工作和學習有所幫助。

最新評論