簡體   English   中英

HTML錨標簽問題

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM