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