【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入門 基本文法

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