JavaScript を使用してページをリロードせずにブラウザの URL を変更するにはどうすればよいですか?

JavaScript を使用してページをリロードせずにブラウザ URL を変更する

JavaScript を使用すると、新しいページをロードせずにブラウザ URL を変更できます。これにより、アドレス バーのアドレスを変更しながら、ページの現在の状態を保持できます。

1 つの方法は、window.location.hash プロパティを使用することです。ハッシュを特定の値に設定すると、ページのリロードをトリガーせずに状態情報をエンコードできます。 window.onhashchange イベントをサポートするブラウザは、ハッシュへの変更をリッスンし、それに応じてページを更新できます。 onhashchange をネイティブにサポートしていない古いブラウザでは、ハッシュの変更を検出するために setInterval を使用した定期的なチェックが必要です。

jQuery は、さまざまなブラウザでのハッシュの変更の処理を簡素化する hashchange プラグインを提供します。このプラグインを使用すると、新しいハッシュ値に基づいてページを動的に更新できます。

ページをリロードせずに URL を変更するもう 1 つの方法は、履歴操作です。 History.pushState(null, null, "new_url") を呼び出すと、現在のページを離れることなく、ブラウザーの履歴に新しいエントリを追加できます。同様に、history.back() メソッドとhistory.forward() メソッドを使用すると、ページ全体のリロードをトリガーせずに履歴内を移動できます。ただし、これらのメソッドを使用するには、ブラウザによる HTML5 History API のサポートが必要ですが、これはすべてのブラウザで利用できるわけではありません。

以上がJavaScript を使用してページをリロードせずにブラウザの URL を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。