【JavaScript】リダイレクトする方法（location.href）

JavaScript(ジャバスクリプト)

2023.02.28

この記事は約2分で読めます。

ページを開いた時に別のページにリダイレクトさせるJavaScriptです。

ページをリダイレクトさせる（location.href）

location.href

location.hrefは、locationオブジェクトのプロパティです。このプロパティを使用して、新しい URL を割り当てることにより、現在の Web ページの場所を変更することもできます。

たとえば、location.href = “http://www.example.com”とすると、ユーザーを Web サイト ” http://www.example.com ” にリダイレクトします。

下記の様に指定すると、それぞれのページにリダイレクトされます。

document.location.href = "http://www.example.com";

document.location.href = "http://www.example3.com";

document.location.href = "http://www.example4.com";

document.location.href = "http://www.example4.com";

リダイレクトを実行する前に、ユーザーに確認のダイアログを表示することもできます。以下は例です。

if (confirm("リダイレクトしてもよろしいですか？")) {
    location.href = "https://www.google.com/";
}

このようにすることで、ユーザーに確認を促してからリダイレクトを実行することができます。

location.hrefを使用することで、別のページにリダイレクトさせることができます。

ページをリダイレクトさせる際には、その時点でのユーザーの操作を中断するため、必要に応じてデータの保存などの処理を行ってからリダイレクトを実行するようにしてください。

ご参考ください。