JavaScriptのwindow.openとは？新しいウィンドウ（タブ）を開く方法とオプション設定を解説
window.open() は、新しいウィンドウ（またはタブ）を開くためのメソッドです。
表示するページのURL、ウィンドウ名、サイズやツールバーの有無などを細かく指定できます。
window.openの基本構文
新しいウィンドウ = window.open(URI, ウィンドウ名, オプション);
- URI（省略可）：表示するページのURL（絶対パス・相対パスどちらも可）
- ウィンドウ名（省略可）：新しいウィンドウの名前
- オプション（省略可）：サイズやバーの表示設定
URI を省略すると、空白のウィンドウ（またはタブ）が開きます。
ウィンドウ名（第2引数）について
ウィンドウ名を指定すると、同じ名前のウィンドウがすでに存在する場合、
そのウィンドウにページを読み込ませることができます。
window.open(“page.html”, “subwin”);
→ 「subwin」という名前のウィンドウが開き、そこに page.html が表示されます。
オプション（第3引数）の設定方法
オプションは カンマ区切りの文字列 で指定します。
“width=480,height=360,status=1,menubar=1”
ブラウザによっては無効になるオプションもあるため、
必要な設定は明示的に指定しておくのが安全です。
利用できるオプション一覧
| オプション名 | 設定値 | 動作 |
|---|---|---|
| directories | yes/no または 1/0 | ディレクトリバーの表示/非表示 |
| location | yes/no または 1/0 | ロケーションバーの表示/非表示 |
| menubar | yes/no または 1/0 | メニューバーの表示/非表示 |
| scrollbars | yes/no または 1/0 | スクロールバーの表示/非表示 |
| status | yes/no または 1/0 | ステータスバーの表示/非表示 |
| toolbar | yes/no または 1/0 | ツールバーの表示/非表示 |
| resizable | yes/no または 1/0 | ウィンドウサイズ変更可/不可 |
| width | 数値（px） | ウィンドウの幅 |
| height | 数値（px） | ウィンドウの高さ |
使用例
window.open(“”, “new”, “width=480,height=360,status=1,menubar=1”);
→ 幅 480px、高さ 360px、ステータスバーとメニューバーのみ表示された
「new」という名前の空白ウィンドウが開きます。
Windowオブジェクトとは？
window は JavaScript の最上位オブジェクトで、ブラウザウィンドウそのものを表します。
- 新しいウィンドウを開く（window.open）
- ウィンドウサイズや位置の取得・変更
- スクロール位置の取得
- タイマー処理（setTimeout / setInterval）
ブラウザ操作に関する多くの機能が window オブジェクトに含まれています。
まとめ
window.open()は新しいウィンドウ（またはタブ）を開くメソッド- URL・ウィンドウ名・オプションを指定できる
- オプションはカンマ区切りで指定し、ブラウザによって挙動が異なる場合がある
- window はブラウザウィンドウを表す最上位オブジェクト
