html中a標籤href=#與href=javascript:void(0)的區別解析

淺談href=#與href=javascript:void(0)的區別，需要的朋友可以參考一下

＃"包含了一個位置資訊

預設的錨點是＃top 也就是網頁的上端

而javascript:void(0)  只表示一個死連結

這就是為什麼有的時候頁面很長瀏覽連結明明是＃可是跳動到了頁首

而javascript:void(0) 則不是如此

所以呼叫腳本的時候最好用void(0)

或

等

開啟新視窗連結的幾種方法

1.window.open('url')

2.用自訂函數

  <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=""

------------------------------------------- ------------------------------------

如果是個# ，就會出現跳到頂部的情況,個人收藏的幾種解決方法：

1：<a href="####"></a>
2：<a href="javascript:void(0)"></a>
3：<a href="javascript:void(null)"></a>
4：<a href="#" onclick="return false"></a>
5：<span style="cursor:hand"></span>(好像在FF中不能显示)

--------------------------- -------------------------------------------------- --

慎用JavaScript:void(0)

JavaScript中void是一個運算符，該運算子指定要計算一個表達式但不傳回值。用法格式如下：

1. javascript:void (expression)
2. javascript:void expression

expression是一個要計算的JavaScript 標準的表達式。符指定超級鏈接。 ) 計算為0，但在JavaScript 上沒有任何效果。在需要對頁面進行refresh的情況下，那就要仔細了。句話會進行一次submit操作。那什麼情況下用void(0)比較多呢，無刷新，當然是Ajax了，看一下Ajax的web頁面的話，通常都會看到有很多的void(0)，：）　，所以在使用void(0 )之前,最好先想想,這個頁面是否需要整體刷新。

以上是html中a標籤href=#與href=javascript:void(0)的區別解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！