【Javascript】サイズ・位置を指定して別のウィンドウで開く

この記事では、Javascriptでサイズと位置を指定して別のウィンドウ(画面)で開く方法について紹介します。

サイズと位置を指定

Javascriptではwindow.openでサイズと位置を指定してURLを別のウィンドウ(画面)で開く処理を実装できます。

【書式】
window.open(‘URL’,’ウィンドウ名’, ‘width=値, height=値, top=値, left=値’)

・指定したURLのページをウィンドウ名で開きます。
・width:ウィンドウの横幅[px]
・height:ウィンドウの縦幅[px]
・top:画面上からの距離[px]
・left:画面左からの距離[px]

ソースコード

サンプルプログラムのソースコードは下記の通りです。
【HTML側(index.html)】

【Javascript側(main.js)】

実行結果

サンプルプログラムの実行結果は下記の通りです。
「実行ボタン」を押すとURLのページを新しいウィンドウで開きます。

【関連記事】
Javascript入門 基本文法

シェア&フォローお願いします!