location.assign、location.href、location.replace の違い

クズども · 掲載地48秒前

window.location.assign、window.location.href、windows.location.replaceの違いは何ですか?

window.location.href: 現在のドキュメントのURLを設定または取得します
window.location.assign(URL): このメソッドはURLパラメータで指定された新しいドキュメントを読み込み表示し、「戻る」ボタンで前ページに戻ることを可能にします。
window.location.replace(URL):このメソッドは、新しいURLが指す文書を閲覧履歴に痕跡を残さずに置き換えます。つまり、ユーザーが「戻る」ボタンを使おうとすると、置換されたページをスキップして直接前のページに戻ることを意味します。

window.location.href と window.location.assign(URL)

効果は同じで、どちらも新しいURLにナビゲートできます。
履歴:どちらもブラウザの履歴に新しいエントリーを作成し、ユーザーは「戻る」ボタンから前のページに戻ることができます。

違いは、1つは属性、もう1つはメソッドです。

window.location.assign(URL) vs window.location.replace(URL)

割り当て: 新しい履歴記録エントリを作成する、ユーザーは撤退できます。
置き換え: ユーザーの履歴に新しいエントリーを作らずに現在のページを置き換える戻るボタンからは戻れません。

[JavaScript] location.assign、location.href、location.replace の違い

関連記事