スキルアップを始める!

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

JavaScript(ジャバスクリプト)
JavaScript(ジャバスクリプト)
この記事は約2分で読めます。

※記事中に広告情報を含みます。

\ワードプレスのスキルアップはこちら!/ WordPress入門読本

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

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

location.href

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

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

location.hrefの使用例

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

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を使用することで、別のページにリダイレクトさせることができます。

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

ご参考ください。

URLをコピーしました!