JavaScript では、window.location オブジェクトを使用して、あるページに別のページを強制的に読み込ませることができます。 location オブジェクトを使用して、新しいページの URL を設定できます。 location オブジェクトを使用して新しいページの URL を設定するには、window.location.href プロパティ、window.location.assign()、および window.location.replace() メソッドというさまざまなメソッドがあります。このチュートリアルでは、各プロパティとメソッドについて詳しく説明します。
最初の方法は、window.location.href プロパティを使用することです。このプロパティには、ページの現在の URL に関する情報が含まれており、ユーザーを新しいページにリダイレクトするために使用できます。
###文法### リーリー指定した時間の後にユーザーをリダイレクトするには、setTimout 関数を指定することもできます。これにより、関数で指定した時間の後にユーザーがソース URL にリダイレクトされるようになります。
リーリー上記の例では、3 秒後にユーザーを指定された URL (https://www.tutorialspoint.com) にリダイレクトします。
###例###この例では、クリックされたときに関数 ForceLoad() をレンダリングするボタン (Load) を定義します。 ForceLoad() 関数では、window.location.href プロパティを使用して、新しいページ (tutorialspoint ホームページ) を再読み込みします。
リーリー別のページへのリダイレクトを強制するもう 1 つの方法は、window.location.replace プロパティを使用することです。この方法は、ブラウザ履歴内の現在のページを別のページに置き換えるのに役立ちますが、ユーザーは元のページに戻ることができなくなります。
###文法### リーリーこの例では、クリックされたときに関数 ForceLoad() をレンダリングするボタン (Load) を定義します。 ForceLoad() 関数は、JavaScript メソッド location.replace() をレンダリングし、現在のソースを関数で指定された URL のソースに置き換えます。
ウィンドウ.位置.割り当て
この構文では、window.location の例と同じ効果がありますが、ここでの違いは、ユーザーの現在のページがブラウザの履歴に保存されることです。
###例###この例では、クリックされたときに関数 ForceLoad() をレンダリングするボタン (Load) を定義します。 ForceLoad() 関数は JavaScript メソッド location.assign() をレンダリングします。これにより、現在指定されている URL にあるドキュメントまたはページがウィンドウに読み込まれて表示されます。ナビゲーションが発生すると、ユーザーはブラウザの「戻る」ボタンを押すだけで、Location.assign() と呼ばれるプロパティを使用して前のページに戻ることもできます。
リーリー
ウィンドウ.場所.割り当て
現在のページを 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 サイトの他の関連記事を参照してください。