1. 程式人生 > 其它 >href中JavaScript:;與#的區別

href中JavaScript:;與#的區別

將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>