a href=#與 a href=javascript:void(0) 的區別

1. 
   

1 <a href="#"> 點擊連接後，頁面會向上滾到頁首，# 默認錨點爲 #TOP 2 3 <a href="javascript:void(0)" onClick="window.open()"> 點擊連接後，頁面不動，只打開連接 4 5 <a href="#" onclick="javascript:return false;"> 做用同上，不一樣瀏覽器會有差別. 6 7 點擊連接後，不想使頁面滾到頁首，就用href="javascript:void(0)"，不要用href="#"，return false也有相似做用. view source print ? 01 詳解href="#"與href="javascript:void(0)"的區別 02 03 "#" 包含了一個位置信息默認的錨點是#top 也就是網頁的上端而javascript:void(0) 僅僅表示一個死連接這就是爲何有的時候頁面很長瀏覽連接明明是#但是跳動到了頁首而javascript:void(0) 則不是如此因此調用腳本的時候最好用void(0)或者<input onclick><div onclick>等打開新窗口連接的幾種辦法1.window.open('url')2.用自定義函數 <script> 04 function openWin(tag,obj) 05 { 06 obj.target="_blank"; 07 obj.href = "Web/Substation/Substation.aspx?stationno="+tag; 08 obj.click(); 09 } 10 </script><a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a>window.location.href=""------------------------------------------------------------------------------- 若是是個# ，就會出現跳到頂部的狀況,我的收藏的幾種解決方法： 11 1：<a href="####"></a> 12 2：<a href="javascript:void(0)"></a> 13 3：<a href="javascript:void(null)"></a> 14 4：<a href="#" onclick="return false"></a> 15 5：<span style="cursor:hand"></span> (好像在FF中不能顯 示)------------------------------------------------------------------------------- 慎用JavaScript:void(0)今天調試CGI的時候，明明CGI程序已經執行，而且最後結果也是正確的，可是頁面就是不刷新。在 FireFox2.0下測試，結果倒是正常的，IE6卻恰恰不刷新！仔細調查了一下，發現cgi頁面連接的是 <a href="javaScript:void(0)" OnClick="XXX_Func();" ….> only a sample </a>,問題就出在這個void(0)上!讓咱們先來看看JavaScript中void(0)的含義:JavaScript中void是一個操做符，該操做符指定要計算一個表達式可是不返回值。 16 void 操做符用法格式以下： 17 1. javascript:void (expression_r) 18 2. javascript:void expression_r 19 expression_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)以前,最好先想想,這個頁面是否須要總體刷新。 20 21 22 23 24 使用javascript的時候,一般咱們會經過相似: 25 <a href="#" onclick="javascript:方法">提交</a> 26 的方式,經過一個僞連接來調用javascript方法.這種方法有一個問題是: 27 雖然點擊該連接的時候不會跳轉頁面.可是滾動條會往上滾,解決的辦法是返回一個false. 28 以下所示: 29 <a href="#" onclick="javascript:方法;return false;">提交</a> 30 31 還能夠用 ### 32 33 a href="javascript:void(0)" onclick="javascript:方法;return false;"提交 34 javascript:void(0)就不會向上跳了:) 35 36 還有一個方法是 #this 37 a href="#this" onclick="javascript:方法"