不同瀏覽器下與的區別

Html代碼

1. <a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>  

<a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>

讓我們先來看看JavaScript中void(0)的含義：

JavaScript中void是一個操作符，該操作符指定要計算一個運算式但是不傳回值。

void 操作符用法格式如下：

Html代碼

1. javascript:void (expression)   
2. javascript:void expression  

javascript:void (expression)javascript:void expression

expression是一個要計算的 JavaScript 標準的運算式。運算式外側的圓括弧是可選的，但是寫上去是一個好習慣。我們可以使用 void 操作符指定超級連結。運算式會被計算但是不會在當前文檔處裝入任何內容。面的代碼建立了一個超級連結，當使用者點擊以後不會發生任何事。當使用者點選連結時，void(0) 計算為 0，但在 JavaScript 上沒有任何效果。

Html代碼

1. <a href=”javascript:void(0)”>單擊此處什麼也不會發生</a>  

<a href=”javascript:void(0)”>單擊此處什麼也不會發生</a>

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

Html代碼

1. <a href=”javascript:void(document.form.submit())”>  

<a href=”javascript:void(document.form.submit())”>

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

Html代碼

1. <script type="text/javascript">      
2.     function goUrl(x){      
3.         window.location.href=x;      
4.     }      
5. </script>      
6.   
7. <a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳轉1</a>  
8.       
9. <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');">跳轉2</a>  
10.       
11. <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳轉3</a>      
12.   
13. <a href="#" onclick="javascript:goUrl('http://www.sina.com');">跳轉4</a>      
14.   
15. <a href="###" onclick="javascript:goUrl('http://www.sina.com');">跳轉5</a>    

<script type="text/javascript"> function goUrl(x){ window.location.href=x; } </script> <a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳轉1</a> <a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');">跳轉2</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳轉3</a> <a href="#" onclick="javascript:goUrl('http://www.sina.com');">跳轉4</a> <a href="###" onclick="javascript:goUrl('http://www.sina.com');">跳轉5</a>

測試環境IE6,IE7,Firefox 3。

跳轉1和2在IE6環境下無效，3、4、5在IE6,IE7,Firefox3.01下測試均能 通過，。

跳轉4和5最簡潔。

關鍵在於<a>的href屬性,空連結用"#","###"。

為了不返回網頁頂端。

空連結推薦用"###"。