#036
posted on 2021.04.22

別ページから移動してきた自ページのURLのアンカーリンク(フラグメント識別子)の取得。

CATEGORY

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

 

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

 

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

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

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

 

 

この記事をシェア