この記事では、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入門 基本文法
コメント