使用JavaScript在頁面正文中顯示當前頁面的哈希/錨點

Question

假設用戶訪問頁面http://somedomain.com/path/file.html#foo ，我想使用JavaScript在頁面上的某處顯示以下文本：

 → foo

Answer 1

1. 使用window.location.hash獲取錨點的名稱。

    var anchorName = window.location.hash; 

2. 創建一個文本節點以顯示所需內容：

    var path = document.createTextNode("→ " + anchorName); 

3. 將其添加到Dom中：

    document.getElementById(idOfContainerYouWantToEdit).appendChild(path);