href中JavaScript:;與#的區別
阿新 • • 發佈:2021-10-19
將href="#"是指聯接到當前頁面,其實是無意義的,頁面也不會重新整理。這是一個錨鏈接。
其實就是一個錨點,並且這個錨點沒有id,點選會返回頁面頂部
語法:<a href="#書籤的名稱">連結的文字</a>
連結到不同頁面的書籤
語法:<a href="連結檔案的地址#書籤名稱">連結的文字</a> (注意引號和#號)
正常情況下點選:<a href="#書籤名稱">連結的文字</a>這個連結,則游標會自動跳轉到本頁面的:<a name="書籤名稱">文字</a>的位置。
但是href這個屬性同樣可以識別javascript程式碼段。
其中javascript: 是一個偽協議。它可以讓我們通過一個連結來呼叫javascript函式。但是由於這個函式為空,所以我們呼叫的就是一個空函式,並不會發生任何實質性的改變。同時可以實現a標籤的點選執行。如果當頁面裡面的內容很多的時候,有了上下滾動條,使用href=“#"會發生跳轉到頁面頂部的問題。而使用href="javascript:;" 就可以避免頁面的亂跳!
所以,如果我們想要寫一個死的a標籤,使用
<a href="javascript:;"></a>