JavaScriptを使ったページリダイレクト機能実装チュートリアル

JavaScriptを使ったページリダイレクト機能実装チュートリアル_基礎知識

WBOY

リリース： 2016-05-16 15:56:52

オリジナル

1153 人が閲覧しました

ページリダイレクトとは何ですか?

Web ページ X にアクセスするために URL をクリックすると、ページがリダイレクトされるため、内部的には別のページ Y にリダイレクトされます。この概念は、 JavaScript ページの更新とは異なります。

元のページからリダイレクトしたい理由はさまざまであると考えられます。いくつかの理由を以下に示します:

ドメイン名が気に入らない場合は、新しいドメイン名にリダイレクトできます。同時に、すべての訪問者を新しい Web サイトに誘導します。この場合、古いドメイン名を保持しつつ、ページ間のリダイレクトを設定して、古いドメイン名へのすべての訪問者が新しいドメイン名にアクセスできるようにすることができます。
ブラウザベースのバージョン、または異なる名前のページは、異なる国に基づいて作成することもできます。サーバー側のページリダイレクトを使用する代わりに、クライアント側のページを使用して、ログインユーザーを対応するページにリダイレクトできます。。
検索エンジンが新しいページにインデックスを付けている可能性があります。ただし、別のドメイン名に移行する場合、検索エンジンからの訪問者を失うことは望ましくありません。したがって、クライアントページのリダイレクトを使用できます。ただし、検索エンジンをバカにするためにこれを行うべきではないことを覚えておいてください。そうしないと、サイトが禁止される可能性があります。

ページのリダイレクトはどのように機能しますか?
例 1:

JavaScript を使用したクライアント側ページのこのリダイレクトは非常に簡単です。 Web サイト訪問者を新しいページにリダイレクトするには、head セクションに次の行を追加するだけです:

<head>
<script type="text/javascript">
<!--
  window.location="http://www.newlocation.com";
//-->
</script>
</head>

ログイン後にコピー

例 2:

Web サイト訪問者を新しいページにリダイレクトする前に、対応する情報を表示できます。新しいページをロードするには少し時間がかかります。同じことを実現する簡単な例を次に示します。

<head>
<script type="text/javascript">
<!--
function Redirect()
{
  window.location="http://www.newlocation.com";
}

document.write("You will be redirected to main page in 10 sec.");
setTimeout('Redirect()', 10000);
//-->
</script>
</head>

ログイン後にコピー

ここでの setTimeout() は、指定された時間間隔の後に別の関数を実行するために使用できる組み込み JavaScript 関数です。
例 3:

以下は、ブラウザに基づいて訪問者を別のページにリダイレクトする例です:

<head>
<script type="text/javascript">
<!--
var browsername=navigator.appName; 
if( browsername == "Netscape" )
{ 
  window.location="http://www.location.com/ns.html";
}
else if ( browsername =="Microsoft Internet Explorer")
{
  window.location="http://www.location.com/ie.html";
}
else
{
 window.location="http://www.location.com/other.html";
}
//-->
</script>
</head>

ログイン後にコピー