轉自:http://speed-guo.iteye.com/blog/1003496
1. <a href="#"> 點擊鏈接后,頁面會向上滾到頁首,# 默認錨點為 #TOP
2.<a href="javascript:void(0)" onClick="window.open()"> 點擊鏈接后,頁面不動,只打開鏈接
3. <a href="#" onclick="javascript:return false;"> 作用同上,不同瀏覽器會有差異。
點擊鏈接后,不想使頁面滾到頁首,就用href="javascript:void(0)",不要用href="#",return false也有類似作用。
html 代碼:
<a href=”javaScript:void(0)” onClick=”doSomething();”>doSomethind</a>
void 操作符用法格式如下:
javascript:void (expression)
javascript:void expression
expression是一個要計算的 JavaScript 標准的表達式。表達式外側的圓括號是可選的,但是寫上去是一個好習慣。我們可以使用 void 操作符指定超級鏈接。表達式會被計算但是不會在當前文檔處裝入任何內容。面的代碼創建了一個超級鏈接,當用戶點擊以后不會發生任何事。當用戶點擊鏈接時,void(0) 計算為 0,但在 JavaScript 上沒有任何效果。
<a href=”javascript:void(0)”>單擊此處什么也不會發生</a>
也就是說,要執行某些處理,但是不整體刷新頁面的情況下,可以使用void(0),但是在需要對頁面進行refresh的情況下,那就要仔細了。
<a href=”javascript:void(document.form.submit())”>
其實我們可以用上面的代碼,這句話會進行一次submit操作。那什么情況下用void(0)比較多呢,無刷新,當然是Ajax了,看一下Ajax的web頁面的話,一般都會看到有很多的void(0),:D 所以在使用void(0)之前,最好先想一想,這個頁面是否需要整體刷新。