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