ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript であるページに別のページを強制的にロードするにはどうすればよいですか?

JavaScript であるページに別のページを強制的にロードするにはどうすればよいですか?

WBOY
リリース: 2023-08-28 19:53:02
転載
815 人が閲覧しました

JavaScript 中如何强制一个页面加载另一个页面?

JavaScript では、window.location オブジェクトを使用して、あるページに別のページを強制的に読み込ませることができます。 location オブジェクトを使用して、新しいページの URL を設定できます。 location オブジェクトを使用して新しいページの URL を設定するには、window.location.href プロパティ、window.location.assign()、および window.location.replace() メソッドというさまざまなメソッドがあります。このチュートリアルでは、各プロパティとメソッドについて詳しく説明します。

ウィンドウ.位置.置換

最初の方法は、window.location.href プロパティを使用することです。このプロパティには、ページの現在の URL に関する情報が含まれており、ユーザーを新しいページにリダイレクトするために使用できます。

###文法### リーリー

ユーザーは指定された URL (new_url) にすぐにリダイレクトされます。

指定した時間の後にユーザーをリダイレクトするには、setTimout 関数を指定することもできます。これにより、関数で指定した時間の後にユーザーがソース URL にリダイレクトされるようになります。

リーリー

上記の例では、3 秒後にユーザーを指定された URL (https://www.tutorialspoint.com) にリダイレクトします。

###例###

この例では、クリックされたときに関数 ForceLoad() をレンダリングするボタン (Load) を定義します。 ForceLoad() 関数では、window.location.href プロパティを使用して、新しいページ (tutorialspoint ホームページ) を再読み込みします。

リーリー

ウィンドウ.位置.置換

別のページへのリダイレクトを強制するもう 1 つの方法は、window.location.replace プロパティを使用することです。この方法は、ブラウザ履歴内の現在のページを別のページに置き換えるのに役立ちますが、ユーザーは元のページに戻ることができなくなります。

###文法### リーリー

この構文では、window.location.href の例と同じ効果が得られますが、ここでの違いは、ユーザーの現在のページがブラウザの履歴に保存されないことです。

###例###

この例では、クリックされたときに関数 ForceLoad() をレンダリングするボタン (Load) を定義します。 ForceLoad() 関数は、JavaScript メソッド location.replace() をレンダリングし、現在のソースを関数で指定された URL のソースに置き換えます。

ナビゲーションが行われると、ユーザーは前のページに戻ることができなくなります。これは、JavaScript の location.assign() プロパティを使用して行うことができます。

リーリー

ウィンドウ.位置.割り当て

このメソッドでは、ユーザーが閲覧した元のページに戻ることができるように、ブラウザ履歴に新しいページを追加するために使用される window.location.assign メソッドを使用します。

###文法### リーリー

この構文では、window.location の例と同じ効果がありますが、ここでの違いは、ユーザーの現在のページがブラウザの履歴に保存されることです。

###例###

この例では、クリックされたときに関数 ForceLoad() をレンダリングするボタン (Load) を定義します。 ForceLoad() 関数は JavaScript メソッド location.assign() をレンダリングします。これにより、現在指定されている URL にあるドキュメントまたはページがウィンドウに読み込まれて表示されます。ナビゲーションが発生すると、ユーザーはブラウザの「戻る」ボタンを押すだけで、Location.assign() と呼ばれるプロパティを使用して前のページに戻ることもできます。

リーリー

window.location、window.location.replace、window.location.assign の違い

###ベース###

window.location.href

ウィンドウ.場所.割り当て

ウィンドウ.位置.置換

###意味###

現在の URL を取得し、URL で指定された新しいドキュメントまたはページにリダイレクトします。 URL で指定されたドキュメントまたはページを読み込んで表示します。 新しく読み込まれたドキュメントまたはページがブラウザの履歴に保存されます。 ###戻る### ユーザーは前のページに戻ることができません。
現在のページを URL で指定されたページに置き換えます。 ブラウザ履歴 新しく読み込まれたドキュメントやページはブラウザ履歴に追加されません。
また、新しくロードされたドキュメントまたはページはブラウザーの履歴に保存されます。 ユーザーは前のページ/ドキュメントに戻ることができます。 ユーザーは前のページに戻ることもできます。

window.location.href プロパティ、window.location.replace()、および window.location.assign() メソッドの主な違いは、ブラウザ履歴の処理方法です。 location.replace メソッドについて話すと、現在の URL が置き換えられ、ユーザーは前のページに戻ることができなくなります。 location.assign メソッドは、新しいドキュメントをロードしてブラウザの履歴に追加しますが、ユーザーは以前に開いたページに戻ることができます。最後に、window.location メソッドは、新しいドキュメントをブラウザの履歴に追加するという点でも location.assign と同じです。

###結論は###

この記事を要約すると、JavaScript で新しいページを別のページに強制的に読み込むのは簡単なタスクであり、複数の JavaScript メソッド、つまり window.location.href プロパティ、window.location.replace() メソッド、またはwindow.location.assign() メソッド。これらの方法はすべて、開発者が動的でインタラクティブな Web ページを作成するのに役立ち、より良いユーザー インタラクションを作成し、ユーザー アプリケーション エクスペリエンスを向上させるのに役立ちます。

以上がJavaScript であるページに別のページを強制的にロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート