History API

1290 ワード

テキストリンク

SPAの欠点は住所を変更しないことです.History APIでは、Webページを更新することなくURLを変更する機能を提供し、単一ページアプリケーション(SPA)のこれらの欠点を解消します.

history.pushState()

既存のアドレスを使用して新しいアドレスを追加します.したがって、pushState()を呼び出した後、戻るボタンをクリックして既存のアドレスに戻ります.

history.pushState(state, title, url)

既存のアドレスを新しいアドレスに置き換えます.既存のアドレスの履歴を消去するため、「≪戻る｜Back｜emdw≫」ボタンをクリックすると既存のアドレスにアクセスできません.

history.replaceState(state, title, url)

ステータスが変更されたときに必要なデータです.たとえば、新しいアドレス履歴に格納するオブジェクトとして、「進む」または「戻る」ボタンをクリックします.

ステータスの短いタイトルを指定します.しかし、ほとんどのブラウザでは無視されています.ただし、後で機能が提供される可能性があるので、空の文字列に保持するのは安全です.

アドレスバーに表示されるURL、新しいURLは、現在のURLと同じソースでなければなりません.そうしないと、異常が発生します.

この問題について(History API), 我々は、より多くの情報をここで見つけました https://velog.io/@dorrdorr9311/History-API

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol