JavaScriptでリダイレクトする - JavaScript

JavaScriptでリダイレクト、ページの転送をするコードを紹介します。

概要

JavaScriptでページを切り替えるには、document.location.href window.location.href() を利用します。
document.location.href でのページ切り替えについてはこちらの記事も参照して下さい。
注意
JavaScriptでリダイレクトした場合は、単純なページの遷移の動作になります。サーバーからリダイレクトのレスポンスコードが返る、 301, 302リダイレクトの動作とは異なりますので、注意してください。

書式

document.location.href = "(遷移先ページのURL)";
または
window.location.href(遷移先ページのURL);

実装例

コード

下記のHTMLファイルを作成します。
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
      document.location.href = "https://www.ipentec.com";
    </script>
</head>
<body>
  <p>転送ページです。</p>
</body>
</html>

解説

ページを表示すると、scriptタグ内のJavaScriptが実行されます。document.location.href = "https://www.ipentec.com"; により、https://www.ipentec.com のページに転送されます。

実行結果

上記のHTMLファイルをWebブラウザで表示します。


ページ表示後すぐにページが転送されます。

このページのキーワード
  • JSでリダイレクトする
  • JavaScript リダイレクト
  • JavaScript ページ転送
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
掲載日: 2019-07-02
iPentec all rights reserverd.