Display the current page's hash/anchor in the page's body with JavaScript

Question

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

 → foo

Answer 1

1. Use window.location.hash to grab the anchor's name.

    var anchorName = window.location.hash; 

2. Create a text node to display what you want:

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

3. Add it to the Dom:

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