JavaScriptで別窓でウィンドウを開く：window.open()

現在開いているページから、リンク先を新しいウィンドウで開く方法について説明します。

window オブジェクトは、Web ブラウザ環境で JavaScript を実行する際のグローバルオブジェクトです。ここでは、window オブジェクトのメソッドである window.open() の使い方について紹介します。

window.open() の使用例

次のHTMLは、ボタンをクリックすると Google のホームページを新しいウィンドウで表示します。

window.open() の使い方

window.open() の記述方法は以下の通りです。

第１引数には、遷移先のURLをクォーテーションで括って指定します。

第２引数には、新しく開くウィンドウの名前をクォーテーションで括って指定します。特に指定する必要がない場合は null を指定します。複数の新しいウィンドウを開く場合に、同一のウィンドウ名を指定することで不必要に複数のウィンドウが開かないようにすることができます。ウィンドウ名は任意の名前を指定することができます。

第３引数には、新しく開くウィンドウのサイズなどのオプションを指定します。複数のオプションを指定する際にはカンマで区切り、全体をクォーテーションで囲みます。

指定できるオプションには、以下のようなものがあります。