ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript を使用して新しいウィンドウ/タブで URL を開くにはどうすればよいですか?

JavaScript を使用して新しいウィンドウ/タブで URL を開くにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-10-21 21:23:30717ブラウズ

How to Open URLs in New Windows/Tabs with JavaScript?

JavaScript を使用して新しいウィンドウ/タブで URL を開く

JavaScript では、location.href プロパティを使用して、現在の URL を変更できます。ページ。ただし、直接使用すると、現在のページがターゲット URL に置き換えられます。新しいウィンドウまたはタブでターゲット URL を開くには、window.open() メソッドを利用する必要があります。

次の JavaScript コード フラグメントを考えてみましょう。

if (command == 'lightbox') {
  location.href="https://support.wwf.org.uk/earth_hour/index.php?type=individual";
}

新しいタブでターゲット URL を開くには、コードを次のように変更します。

if (command == 'lightbox') {
  window.open(
    'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
    '_blank' // Makes the page open in a new window tab.
  );
}

この変更されたコードでは、2 つのメソッドを使用して window.open() メソッドを呼び出します。パラメータ:

  • 最初のパラメータ ('https://support.wwf.org.uk/earth_hour/index.php?type=individual') は、開く URL を指定します。
  • 2 番目のパラメータ ('_blank') は、URL を新しいウィンドウ タブで開く必要があることを示します。

注: '_blank' ターゲット値も使用できます。 URL を新しいウィンドウで開きます。ただし、ウィンドウベースのターゲットに「_blank」を使用する場合、ブラウザーによって動作が異なる場合があります。したがって、タブベースのターゲットには「_blank」を使用し、ウィンドウベースのターゲットには特定のウィンドウ名を使用することが一般的に推奨されます。

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

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