超連結中的javascript：void(0)問題

在做頁面時，如果想做一個連結點選後不做任何事情，或者響應點選而完成其他事情，可以設定其屬性 href = "#"，但是，這樣會有一個問題，就是當頁面有滾動條時，點選後會傳回到頁面頂端，使用者體驗不好。 

目前有如下幾種解決辦法： 

1)點選連結後不做任何事情  Java代碼  

1. 1.<a href="javascript：void(0);" target="_blank" rel="external nofollow"  >test</a>  
2. 2.<a href="javascript：;" target="_blank" rel="external nofollow"  >test</a>  
3. 3.<a href="####" target="_blank" rel="external nofollow"  >test</a> //使用2個到4個#，見的大多是"####"，也有使用"#all"等其他的  

2)點選連結後，響應使用者自定義的點選事件 

Java代碼  

1. 1.<a href="javascript：void(0)" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow"  οnclick="doSomething()">test</a>  
2. 2.<a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow"  οnclick="doSomething();return false;">什麼問題都解決了,包括浏覽器不相容問題</a> //或者直接使用href="" target="_blank" rel="external nofollow"   
3. 3.<a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow"  οnclick="alert();event.returnValue=false;">test</a>  

說明： 

1.javascript：void(0)這種僞協定，少寫的好，如果你看過一些web标準的書就知道為什麼了。（不懂，原話摘的，暫做記錄） 

2.連結（href）直接使用javascript：void(0)在IE中可能會引起一些問題，比如：造成gif動畫停止播放等，是以，最安全的辦法還是使用“####”。為防止點選連結後跳轉到頁首，onclick事件return false即可。 

3.如果僅僅是想滑鼠移過，變成手形，可以使用 

Java代碼  

1. <span style="cursor:pointer" οnclick="foo()">Click Me!</span>   

​

void是javascript的操作符，意思是：隻執行表達式，但沒有傳回值， 

void 操作符用法格式如下： 

Java代碼  

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

為了程式風格良好，建議使用第二種帶上括号的 

我們可以使用void操作符指定超級連結，如javascript：void(document.form.submit())。表達式會被計算但是不會在目前文檔處裝入任何内容，void(0)計算為0，但在JavaScript上沒有任何效果，也就是說 <a href="javascript：void(0)" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >的效果同<a href="javascript：void(1)" target="_blank" rel="external nofollow" >的效果是一樣的。 

關鍵是隻要知道void是javascipt自身的操作符，它表示的是隻執行表達式，但沒有傳回值！ 

另外頁面會自動調回頂端，是因為"#"預設的瞄點位置是top，是以會出現這種情況。 ​