-
JavaScriptを使用する方法:
<a href="#" onclick="window.open('リンク1のURL'); window.open('リンク2のURL');">リンクを開く</a>
上記のコードでは、
onclick
イベントでJavaScriptを使用して2つのリンクを開いています。window.open()
関数を使用してリンクのURLを指定します。 -
<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
属性を変更してリンクを開きます。 -
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つのリンクを開くことができます。適切な方法を選択し、自身の要件に合わせてコードを調整してください。