javascript - 使用 JavaScript 在页面正文中显示当前页面的哈希/ anchor

Question

假设用户访问页面 http://somedomain.com/path/file.html#foo ，我想使用 JavaScript 在页面某处显示如下文本:

 → foo

Answer 1

1. 使用window.location.hash 获取 anchor 名称。

   var anchorName = window.location.hash;
   

2. 创建一个文本节点来显示你想要的内容:

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

3. 将其添加到 Dom:

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