JavaScript の Window.location.hash プロパティの用途は?

2年 ago
蓮, 翼
1 minute

JavaScript では、Window の location.hash プロパティは、URL のフラグメント識別子 (hash) 部分を取得または設定するために利用できます。

URLのハッシュ部は「#」という文字から始まり、ウェブページ内のある特定の断片やアンカー位置へジャンプするために使われます。これは、シングルページアプリケーションで異なるページの部分に移動したり、ページ内で特定のロジックを実行したりする場合によく使われます。

プロパティの値は文字列で、ハッシュ部分（「#」文字を含まない）のURLを含みます。たとえば、「https://example.com/page#section」というURLの場合、location.hashの値は「#section」になります。

location.hashプロパティを使用して次の操作を行うことができます。

  1. URLのハッシュ部を取得するには、location.hashプロパティを利用します。
  2. 現在のページのURLのうちhash部分を設定するには、location.hashプロパティに値を代入します。例えば、「location.hash = ‘#section’」とすると、URLのhash部分が「#section」に設定されます。
  3. ウィンドウオブジェクトの「hashchange」イベントをリスンすることで、ハッシュの変化を検出できます。URL のハッシュ部分が変更されると、それに応じた処理を行うことができます。

つまり、window.location.hash プロパティは、URL のハッシュ部分を取得または設定するために使用でき、ハッシュの変更を監視して、ページ内の特定の断片へのリンクや、特定のロジックの実行を実行できます。

bannerAds