Javascriptリダイレクト

Michael Zippo

Webページをリダイレクトするには、いくつかの方法があります。HTMLでメタタグを使用するクライアント側と、HTTPリダイレクトメソッドを使用するサーバー側です。この記事では、JavaScriptを使用してWebページをリダイレクトする方法を見ていきます。

ページのリダイレクトにJavaScriptコードを使用するには、2つの方法があります。どちらもウィンドウロケーションオブジェクトを含みます。

href

最初のメソッドは、ロケーションオブジェクト（ウィンドウオブジェクトの一部）のhrefプロパティを含みます。あなたがする必要がある唯一のことは、リダイレクトが行きたいURLをlocation.hrefとして割り当てることによってリダイレクトを処理することです。これは、ページの読み込み時に実行されるJavaScript関数で行います。

ドキュメントの下部、bodyタグの直前にscriptタグを追加しました。これが私たちのJavaScriptが行くところです。 handleRedirectと呼ばれる関数には、urlと呼ばれるパラメーターがあります。このURLの値にlocation.hrefを割り当てます。

ドキュメント本文の上部に、onloadイベントがあります。このonloadイベントは、割り当てられたJavaScript関数を実行します。ここに、移動先のURLを渡しました。リダイレクトはすぐに行われ、Python.Engineeringブログ投稿のHTML部分に移動します。

ページがリダイレクトされる前に一時停止を追加する場合は、次の操作を実行できます。これは、 setTimeout関数を使用します。これを行う方法は次のとおりです。;

他のすべては同じままです。

このメソッドは、ソースページをスタック履歴に追加します。ブラウザの[戻る]ボタンからアクセスできます。代わりにURLを置き換える別の方法です。これについては、後で説明します。

交換

上記で作成した、ロケーションオブジェクトのプロパティに新しいURLを割り当てるメソッド location.replace（）は、元のURLを割り当てて、特定のURLに置き換えるメソッドです。
< / p>

このメソッドは、元のURLをブラウザスタックに配置せず、ターゲットをリダイレクトされたURLに置き換えます。方法は次のとおりです。

ご覧のとおり、スクリプトタグが必要なわけではありません。このワンライナーのために。ドキュメントがアップロードされると、location.replaceメソッドが実行され、括弧内のサイトに移動します。

ここにあります！これで、JavaScriptを使用して新しいWebページにリダイレクトできます。