JavaScriptを使用して画面遷移を行う方法

忘れた時用に
JavaScriptを使ってWebページの画面遷移を実現する方法について記載します。

1. location.hrefを使用する方法

// 現在のページを別のURLに遷移する
window.location.href = "https://example.com/new-page";

上記の例では、window.location.hrefに遷移先のURLを設定することで、現在のページを別のURLに遷移します。この方法はシンプルで使いやすいです。

1. window.location.replace()を使用する方法

// 現在のページを別のURLに置き換える
window.location.replace("https://example.com/new-page");

上記の例では、window.location.replace()を使用して現在のページを別のURLに置き換えます。この方法では、ブラウザの履歴に遷移前のページが残らないため、遷移後に「戻る」ボタンを押しても元のページに戻ることはありません。

1. window.location.assign()を使用する方法

// 現在のページを別のURLに割り当てる
window.location.assign("https://example.com/new-page");

上記の例では、window.location.assign()を使用して現在のページを別のURLに割り当てます。この方法では、ブラウザの履歴に遷移前のページが残るため、「戻る」ボタンを押すと元のページに戻ることができます。

以上