首頁  >  文章  >  web前端  >  html中a標籤href=#與href=javascript:void(0)的區別解析

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

黄舟
黄舟原創
2017-07-27 13:36:012149瀏覽

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

#"包含了一個位置資訊

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

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

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

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

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

或7ce8961e120a815eeb46b3f04acc755f

56ea8152226b1444ce0c2c61f8d5d4f7等

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

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn