[JavaScript] ブラウザの新規タブにopen.windowする

投稿日：2016年12月7日更新日：2018年5月2日

ブラウザの新規タブにopen.windowするには、オプションを指定せずにopen.windowすればOKです。

サンプルソース

例）新規タブにYahooトップページを表示する

function openwindow(){
  var win = window.open('http://www.yahoo.co.jp', '_blank');
}

function openwindow(){

var win = window.open('http://www.yahoo.co.jp', '_blank');

}

<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <input type="button" value=" タブに開く " onclick="openwindow();">
</body>
</html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

ボタンを押すと、新規タブを開いてYahooトップページを表示します。

解説

window.openの第３引数には画面サイズや表示位置などのパラメータを指定できますが、そのパラメータを指定しないと新規タブに開くことができます。
第３引数のパラメータについては、「サブウィンドウを開く」をご覧ください。
タブに対応していないブラウザでは、新規ウィンドウが立ち上がります。

執筆者：とら