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