[英]Adding anchor tag in html and potential javascript interfering issue
[英]HTML Anchor tag issue
我有一段如下代碼
<div>
<ul>
<li><a href="">Test1</a></li>
-------
-------
-------
<li><a href="">Test46</a></li>
</div>
它顯示帶有46個鏈接的html頁面。 問題是當我向下滾動並選擇第46個或恰好在此上方的那個頁面時,頁面又回到頂部。 為什么會這樣呢?有什么辦法可以防止它?
href
是空白,這就是為什么它位於頂部。 您可以使用它來代替空白:
<a href="javascript:void(0)">Test46</a>
href=""
包含URL ""
,它是一個解析為“當前頁面的URL ""
的相對URL。
當您單擊鏈接時,瀏覽器將跟隨該鏈接並轉到當前頁面。
正常情況下(否則沒有任何特定的指令),當轉到頁面時,它從頂部開始。
如果您不想鏈接到頁面:為什么首先使用鏈接?
如果您只想懸掛JavaScript,請使用按鈕。
<button type="button">Test46</button>
您可以設置其樣式以刪除默認的背景顏色和邊框,並設置顏色方案以匹配鏈接的顏色方案(如果您希望它看起來像一個鏈接)。
href
屬性<a href="">
的空字符串表示在現代瀏覽器中轉到當前頁面。 基本上,這只會重新加載當前頁面,因此它將轉到頂部。
防止出現在頂部的一種方法是使用href="javascript:void(0)"
(如@Manwal所述href="javascript:void(0)"
,或者您可以完全刪除href
屬性( 請注意,在這種情況下,它不會顯示為可點擊的超鏈接 )。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.