JavaScriptで別ページに遷移(リダイレクト)させる方法

2023年1月26日2023年7月17日

本記事では、JavaScriptを使って別ページに遷移させる方法について解説しています。

この方法を覚えることで、WebサイトやページのURLを変更した際に、古いURLにアクセスしたユーザーを自動的に新しいURLに遷移させるリダイレクトと呼ばれる手法が使えるようになります。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

楽天ブックス

¥2,794 （2025/02/23 18:06時点 | 楽天市場調べ）

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤功平, 翻訳:角征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

ポチップ

ページを遷移させる記述方法

JavaScriptでリダイレクトを設定する記述方法は以下のとおりです。

window.location.href = "https://web-engineer-wiki.com/";

/* 省略記述 */
location.href = "https://web-engineer-wiki.com/";

windowオブジェクトは省略して書くこともできるよ！

HTMLでもリダイレクト設定することは可能ですが、JavaScriptを利用することでリダイレクト元のパラメータを引き継いだままリダイレクトさせることや、デバイス幅に応じてリダイレクト先を複数用意することも可能です。