history.pushState は、修正されたURLリンクを更新せずにブラウザページを実装します

夏 · 掲載地 2019/06/20 10:17:16

1. stateObject - stateObjectは、pushStateメソッドを通じてstateObjectの内容を新しいページに渡すことができるJavaScriptオブジェクトです。

2. タイトル - ほとんどのブラウザはこのパラメータをサポートしていませんが、空の文字列を渡す方が安全です。

3. アドレス(URL) - 新しい履歴エントリのアドレス(指定しない場合は、文書の現在のURLも任意); ブラウザはpushState()メソッドを呼び出した後、アドレスを読み込みません。入ってくるURLは現在のURLと一致しているべきで、そうでなければpushState()は例外を投げ出します。

ログインが見えます。

クズども · 掲載地 2019/06/20 10:55:31

多くのフロントエンドフレームワークは現在この手法を用いており、メニューをクリックするとURLが変更され、新しいネットワークリクエストは発生しません

夏 · 掲載地 2019/06/20 11:24:05

小さなスラグ 2019年6月20日 10:55に投稿
現在では多くのフロントエンドフレームワークがこの手法を使っており、メニューをクリックするとURLが変更され、新しいネットワークリクエストは発生しません...

それはすでにキャッシュにある新しいページの内容ですか?

クズども · 掲載地 2019/06/20 11:56:00

夏 2019年6月20日 11:24に投稿
それはすでにキャッシュにある新しいページの内容ですか?

いいえ、最初のリクエストで、ページの主要なコンテンツはすべてダウンロード済みです。さらにJSにはルーティングの概念もあり、異なるURLに応じて異なるコンテンツを提供します。

[JavaScript] history.pushState は、修正されたURLリンクを更新せずにブラウザページを実装します

閲覧したセクション