JavaScript 如何檢測 URL 中的哈希錨連結？

如何使用JavaScript 識別URL 中的哈希錨鏈接

無論您是構建動態網頁還是開發交互式小部件，通常都需要這樣做區分帶有哈希錨連結的URL 和不帶有哈希錨連結的URL。要在 JavaScript 中完成此操作，您可以利用 location.hash 屬性。

檢查哈希錨鏈接

要確定URL 是否包含哈希錨鏈接，您可以利用以下代碼片段：

if (window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}

location.hash 屬性傳回URL 中哈希符號後面的部分(#)，包括哈希符號本身。當 URL 中存在哈希錨連結時，location.hash 將是一個非空字串。如果沒有哈希錨鏈接，location.hash 將是一個空字串。

用法範例

假設您有以下HTML 程式碼：

<a href="page.html#anchor">Go to Anchor</a>

如果使用者點擊此鏈接，瀏覽器將導航到URL「page .html#anchor」。使用上面提供的JavaScript 程式碼，您可以檢查URL 中是否存在哈希錨鏈接，如下所示：

if (window.location.hash === "#anchor") {
  // Code to execute when the anchor exists
}

透過利用location.hash 屬性，您可以輕鬆確定哈希錨鏈接的存在在URL 中，可讓您相應地實作條件邏輯。

以上是JavaScript 如何檢測 URL 中的哈希錨連結？的詳細內容。更多資訊請關注PHP中文網其他相關文章！