javascript:void(0)的問題使用探討_javascript技巧

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

目前有以下解決方法：
1)點選連結後不做任何事

複製程式碼 程式碼如下:

test
test
test //使用2個到4個#，見的大多是"####"，也有使用"#all"等其他的

2)點選連結後，回應使用者自訂的點擊事件

複製程式碼 代碼如下:

test
什麼問題都解決了,包括瀏覽器不相容問題 //或直接使用href=""
test

說明：
1.javascript:void(0)這種偽協議，少寫的好，如果你看過一些web標準的書就知道為什麼了。 （不懂，原話摘的，暫做記錄）
2.連結（href）直接使用javascript:void(0)在IE中可能會引起一些問題，例如：造成gif動畫停止播放等，所以，最安全的辦法還是使用「####」。為防止點擊連結後跳到頁首，onclick事件return false即可。
3.如果只是想滑鼠移過，變成手形，可以用

複製程式碼 程式碼如下:

Click Me!

void是javascript的操作符，意思是：只執行表達式，但沒有回傳值，
void 運算元用法格式如下：

複製程式碼 程式碼如下:

javascript:void (expression)
javascript:void expression

為了程式風格良好，建議使用第二種帶上括號的
我們可以使用void運算子指定超級鏈接，如javascript:void(document.form.submit())。表達式會被計算但是不會在目前文件處裝入任何內容，void(0)計算為0，但在JavaScript上沒有任何效果，也就是說的效果同的效果是一樣的。
關鍵是只要知道void是javascipt本身的操作符，它表示的是只執行表達式，但沒有回傳值！

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