ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の「window.location.href」と「window.open()」の違いは何ですか?

JavaScript の「window.location.href」と「window.open()」の違いは何ですか?

Susan Sarandon
リリース: 2024-11-05 03:22:02
オリジナル
915 人が閲覧しました

What's the Difference Between `window.location.href` and `window.open()` in JavaScript?

微妙な違い: JavaScript における window.location.href と window.open()

ブラウザの操作と開くことに関して新しいウィンドウでは、JavaScript は window.location.href と window.open() という 2 つの重要なツールを提供します。これらのメソッドは同様の目的を果たしますが、機能が異なります。

window.location.href

window.location.href は実際にはメソッドではなく、ブラウザの現在の URL を保存するプロパティ。これは主に、現在のページの URL を取得するために使用されます。ただし、window.location.href の値を設定してブラウザの場所を変更し、ページを新しい URL に効果的にリダイレクトすることもできます。

window.open()

対照的に、window.open() は、新しいウィンドウまたはタブを開いて、指定された URL をそこにロードできるようにするメソッドです。このメソッドは、開きたい URL を 1 つのパラメータとして受け取ります。異なる URL を渡すことで、新しいウィンドウまたはタブに個別のコンテンツを入力できます。

使用例

使用方法を説明するには、次のようにします。

window.location.href の場合:

<code class="javascript">window.location.href = 'http://www.example.com'; // Redirects to www.example.com</code>
ログイン後にコピー

window.open() の場合:

<code class="javascript">window.open('http://www.example.com'); // Opens www.example.com in a new window</code>
ログイン後にコピー

追加ポイント

  • window.open() を使用すると、新しく開いたウィンドウの寸法や位置などの機能をカスタマイズできます。
  • window.open() を使用して開くこともできますURL のない新しいウィンドウが開き、空のページを作成できます。
  • どちらの方法も、異なるブラウザーやオペレーティング システムで機能します。

以上がJavaScript の「window.location.href」と「window.open()」の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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