使用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);