ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用して URL に移動するにはどうすればよいですか?

JavaScript を使用して URL に移動するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-10-22 06:05:03639ブラウズ

How to Navigate to a URL Using JavaScript?

JavaScript で URL に移動する: 総合ガイド

JavaScript を使用して Web ブラウザーを特定の URL に移動することは、Web の一般的なタスクです開発者。これを実現するには、ブラウザ間で互換性と有効性のレベルが異なりますが、いくつかのアプローチがあります。

標準的な方法: window.location.href

最も信頼性が高く、相互接続性が高い方法ブラウザと互換性のあるブラウザで URL に移動できるようにするには、window.location.href プロパティを使用します。このプロパティを使用すると、現在のページの URL を新しい値に設定し、そのページへのナビゲーションをトリガーできます。例:

<code class="javascript">window.location.href = 'https://example.com';</code>

非履歴操作: window.location.replace

ブラウザの現在のページを保持せずに URL に移動する必要がある場合履歴を確認するには、window.location.replace メソッドを使用できます。このメソッドは、現在のページを新しい URL に置き換え、事実上履歴スタックから前のページを破棄します。

<code class="javascript">window.location.replace('https://example.com');</code>

その他の考慮事項

  • クロスオリジン制限: 別のオリジンの URL に移動すると、一部のブラウザでクロスオリジン制限がトリガーされる場合があります。
  • 非同期ナビゲーション: デフォルトでは、JavaScript ナビゲーション メソッドは非同期です。同期ナビゲーションを実行するには、window.location.assign を使用できます。
  • 非推奨のメソッド: window.open やhistory.pushState などの古いナビゲーション メソッドは非推奨なので、使用しないでください。

標準の window.location.href メソッドまたは window.location.replace メソッドを利用すると、すべての主要なブラウザ間で互換性を保ちながら、Web ブラウザを目的の URL に効果的に移動できます。

以上がJavaScript を使用して URL に移動するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。