href='#'和href='###'的區別以及javascript:;與javascript:void(0)使用介紹

標籤：javascript

href=‘#‘：

我們有時會寫這樣的串連<a href="#" >xxx</a>為了不發生跳轉，其實是不太正確的，因為href=”#”,包含了一個位置資訊.預設的錨是#top,也就是網頁的上端，其實它是發生了跳轉的，每次都跳轉到網頁的頂端，如果你的網頁只有一屏，當然看不出來，但是會有問題，因為每次點擊都發生了跳轉，所以，如果頻繁點擊會導致瀏覽器巨慢甚至崩潰。

href=‘###‘：

這種寫法是個人習慣問題，解釋一下就會明白，基於href="#"表示的是錨點的ID為top的位置，等同於href="#top"，所以href=‘###‘:就表示跳轉到描點為##的位置，但是這種位置不存在，固不發生跳轉，這種情況下你可以使用各種寫法，只要錨點不存在就可以達到效果。

javascript:void(0);：

void 操作符用法格式如下：

•  javascript:void (expression_r_r)

•  javascript:void expression_r_r

expression_r_r是一個要計算的 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)，：）　，所以在使用void(0)之前,最好先想一想,這個頁面是否需要整體重新整理。

據說某些情況下有瀏覽器安全色bug，但是還不知道是什麼，什麼時候出現，新浪微博寫的是javascript:void(0); 

javascript:;：

這個和javascript:void(0);基本一樣，唯一的不同是聽說這個沒有瀏覽器安全色的bug，qq空間很多都是寫成javascript:; 

下面來看一些具體用法：

• <a href="javascript:void(0)" onClick="window.open()"> 點選連結後，頁面不動，只開啟連結。javascript:void(0) 僅僅表示一個死連結

• <a href="#" onclick="javascript:return false;"> 作用同上，不同瀏覽器會有差異。

開啟新視窗連結的幾種辦法：

• window.open("url")

• 用自訂函數

<script>function openWin(tag,obj){    obj.target="_blank";    obj.href = "Web/Substation/Substation.aspx?stationno="+tag;    obj.click();}</script><a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a>

• window.location.href=""

href='#'和href='###'的區別以及javascript:;與javascript:void(0)使用介紹