javascript:void(0)

javascript:void(0)

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

 

void 操做符用法格式以下：

 

1. javascript:void (expression)

2. javascript:void expression

 

expression 是一個要計算的 Javascript 標準的表達式。表達式外側的圓括號是選的，可是寫上去是一個好習慣。

 

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

示例-點擊超連接不跳轉

1：<a href="####"></a>

2：<a href="javascript:void(0)"></a>

3：<a href="javascript:void(null)"></a>

4：<a href="#" onclick="return false"></a>

點擊連接後，頁面會向上滾到頁首，# 默認錨點爲 #TOP（實際測試發現 滾動條會滾到頂端）而以上四種方法僅僅表示一個死連接都表示是一個死連接不會跳轉也不會返回到頂部.

示例-爲何location.href不自動跳轉？

<a href="javascript:void(0)" onclick="delete('123')">刪除</a>

function delete(id){

   if(confirm("確實要刪除[爲何location.href不自動跳轉？]嗎？")) {

       location.href="/delete.jsp?id=" + id;

   }

}

以上代碼無論如何檢查都沒有任何問題，而location.href="/delete.jsp?id=" + id;在別的地方都好使，爲何這段代碼就行呢？

 

緣由是那個void(0)把代碼改爲：

<a href="javascript:delete('123')">刪除</a>function delete(id) {

   if(confirm("確實要刪除[爲何location.href不自動跳轉？]嗎？")) {

       location.href="/delete.jsp?id=" + id;

   }

}

咱們發現，頁面當即就跳轉了，能正常刪除相應的數據.爲何呢?

由於void是一個操做符，會計算一個表達式，但不會返回值，固然也不會改變當前頁面的任何內容，也就不會正常的跳轉.

說明

void 運算符對錶達式求值，並返回 undefined。在但願求表達式的值，但又不但願腳本的剩餘部分看見這個結果時，該運算符最有用。

連接（href）直接使用javascript:void(0)在IE中可能會引發一些問題，好比：形成gif動畫中止播放等，因此，最安全的辦法仍是使用「#」。爲防止點擊連接後跳轉到頁首，onclick 事件 return false便可。