HTMLで1つのクリックで2つのリンクを開く方法


  1. JavaScriptを使用する方法:

    <a href="#" onclick="window.open('リンク1のURL'); window.open('リンク2のURL');">リンクを開く</a>

    上記のコードでは、onclickイベントでJavaScriptを使用して2つのリンクを開いています。window.open()関数を使用してリンクのURLを指定します。

  2. <iframe>要素を使用する方法:

    <iframe src="リンク1のURL" style="display:none"></iframe>
    <iframe src="リンク2のURL" style="display:none"></iframe>
    <a href="#" onclick="document.getElementsByTagName('iframe')[0].src='リンク1のURL'; document.getElementsByTagName('iframe')[1].src='リンク2のURL';">リンクを開く</a>

    上記のコードでは、2つの<iframe>要素を使用してリンクを非表示で開きます。onclickイベントでJavaScriptを使用して、<iframe>要素のsrc属性を変更してリンクを開きます。

  3. jQueryを使用する方法:

    <a href="#" id="link">リンクを開く</a>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
     $('#link').click(function() {
       window.open('リンク1のURL');
       window.open('リンク2のURL');
     });
    </script>

    上記のコードでは、jQueryを使用してクリックイベントを処理します。window.open()関数を使用してリンクを開くことができます。

これらの方法を使用すると、1つのクリックで2つのリンクを開くことができます。適切な方法を選択し、自身の要件に合わせてコードを調整してください。