ホームページ作成

【ホームページ作成】移転先へ自動的に移動(リダイレクト)させる

アクセス制限・認証、サイト内検索

更新日：2002年03月15日

移転先へ自動的に移動(リダイレクト)させる

西村文宏

ホームページを別のURLへ移転した際に便利な、「自動的に指定したページへ移動(リダイレクト)させる方法」をご紹介。HTML・JavaScript・CGIの3通りの方法の他、全ページに同じ移転メッセージを表示させる裏技も。

それでは最後に、JavaScriptを使ってページを移動させる方法と、CGIを使ってページを移動させる方法をご紹介しておきます。どちらもとても簡単です。

JavaScriptで自動的に移動させるには？

JavaScriptでページを移動するには、次のように記述します。

location.href = "http://allabout.co.jp/";

上記の場合、ダブルクォーテーションマークで囲んだURLへ自動的に移動します。

HTMLファイルのhead要素内（<head>～</head>内）に、次のように記述しておくと、ページを読み込んだ瞬間に指定のURLに移動します。

<script type="text/javascript"><!--

   location.href = "http://allabout.co.jp/";

// --></script>

なお、ブラウザのJavaScript機能が無効に設定されていれば、ページ移動は行われません。ですから、JavaScriptが実行されなかったときのために、『自動的に移動しない場合は、下記のリンクをクリックして移動して下さい。』といったメッセージと共に移転先ページへのリンクも設けておきましょう。

CGIで自動的に移動させるには？

HTMLのmeta要素やJavaScriptで移動させた場合は、ブラウザの「戻る」ボタンをクリックすると前のページに戻ってしまいます。しかし、以下でご紹介するCGIを用いた方法では、「戻る」ボタンをクリックしてもCGIには戻らず、CGIの1つ前のページに直接戻ります。つまり、移動用CGIの存在は、ブラウザのアクセス履歴上からは無いものとして扱われるということです。

CGIでページを移動させる場合は、次のように記述します。

print "Location: http://allabout.co.jp/\n\n";

この場合、「Content-type: text/html」といったHTTPヘッダの出力は不要です。いきなり、「Location:」から出力します。

最も短いCGIは、次のようになります。

#! /usr/local/bin/perl

print "Location: http://allabout.co.jp/\n\n";

この2行だけで、指定したURLへの自動移動CGIとして動作します。

おわりに

今回は、ホームページを移転する際に役立つ、自動的にページを移動させる方法をご紹介致しました。
もちろん、移転した場合以外にも、強制的にページを移動させたい場面でも役に立つでしょう。目的にあった方法を選択して、ご活用下さい。

【関連記事】

マネしたくなるアイデア住宅

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイドの川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！さぁ、いますぐチェック！