JavaScriptでURLを新しいタブで開く方法（新しいウィンドウではなく）

URLを新しいタブで開くかどうかは、ブラウザの種類やユーザーのブラウザ設定によって決まります。そのため、コード側からリンクを厳密に「新しいタブ」で強制的に開くことはできません。

target="_blank" 属性を使う方法

ただし、ユーザーの環境設定に応じて「新しいタブまたは新しいウィンドウ」で開かせたい場合は、アンカー（<a>）タグに target="_blank" 属性を追加します。

<a href="https://example.com" target="_blank">リンクテキスト</a>

この属性を指定すると、ブラウザは現在のページをそのまま維持し、リンク先を新しいタブ（ユーザー設定によっては新しいウィンドウ）で開きます。

JavaScript の window.open() を使う方法

JavaScriptで動的にURLを開きたい場合は、window.open() メソッドが利用できます。

window.open('https://example.com', '_blank');

第二引数に _blank を指定することで、現在のページを保持したまま、新しいタブまたはウィンドウでURLを開けます。ボタンのクリックイベントなどと組み合わせるのが一般的です。

document.getElementById('myButton').addEventListener('click', function() {
  window.open('https://example.com', '_blank');
});

注意点

window.open() はポップアップブロックの対象になる場合があります。特に、ボタンクリックなどのユーザーアクション以外のタイミングで呼び出すと、ブラウザによってブロックされることがあるので注意してください。

また、セキュリティ上の観点から、target="_blank" を使用する際は rel="noopener noreferrer" を併用することが推奨されています。これにより、開いた先のページから元のページへの参照（window.opener）が遮断され、タブ・ナビング（Tabnabbing）などの攻撃リスクを軽減できます。

<a href="https://example.com" target="_blank" rel="noopener noreferrer">リンクテキスト</a>

まとめ

厳密に「新しいタブ」で開くことをコード側で保証する手段はありませんが、target="_blank" 属性や window.open() メソッドを使えば、ユーザーのブラウザ設定に従って新しいタブまたはウィンドウでURLを開くことができます。用途に応じて適切な方法を選びましょう。