javascript:void(0)的作用樣本介紹

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

通常的用法為：
複製代碼 代碼如下:
<a href="javascript:void(0)">單擊此處看看效果</a>

實際上單擊此處什麼也不會發生,其中的javascript:void(0);形式是一個javascript的偽協議，是表示此連結不跳轉到任何的地方。

用到javascript:void(0)的情況主要形式有以下幾種：
複製代碼 代碼如下:
//點選連結後不做任何事情
<a href="javascript:void(0);" >test</a>
<a href="javascript:;" >test</a>
<a href="####" >test</a> //使用2個到4個#，見的大多是"####"，也有使用"#all"等其他的

複製代碼 代碼如下:
//點選連結後，響應使用者自訂的點擊事件
<a href="javascript:void(0)" onclick="doSomething()">test</a>