別のページからの流入時に自ページのURLのアンカーリンク(フラグメント識別子)を取得。

別ページから流入してきた自ページのURLが「#」付きのページ内のアンカーリンク(URL fragment)だった場合に、特定のアンカーリンクで特定の処理をしたいときのメモ。

windowオブジェクトが持つlocationオブジェクトのプロパティーの中から情報を取得する。

※ windowオブジェクトはグローバルオブジェクトなので、「window.location」の「window.」は省略できる。

現在のページURLにアンカーリンク「#foo」があるか判定する場合

現在のURLにフラグメント識別子が存在し、かつ「#foo」だった場合に任意の処理を実行。

let urlHash = location.hash;
if(urlHash && urlHash === '#foo'){
	//処理...
}

location.hash : 現在のURLのフラグメント識別子を値として持つ。フラグメント識別子が無い場合は空の文字列を返す。別のフラグメント識別子を代入すれば、現在のフラグメント識別子を変更でき、代入したアンカーリンクの位置に移動する。

• URLフラグメント（フラグメント識別子）
• URLのフラグメント識別子(#以後の文字列)によってページを振り分ける方法