文書更新：2020年04月18日(土) 午前10時08分21秒
Home > 備忘録 > 言語関連 > javascript に関すること > 別ウィンドウを表示( 29 )
window.open の構文
window.open( URL, ウィンドウ名 [,オプション] )window.open のオプション
| パラメーター | 値 | デフォルト | 説明 |
|---|---|---|---|
| width | 数値 | 最小値:100 | ウィンドウの横幅 |
| height | 数値 | 最小値:100 | ウィンドウの高さ |
| left | 数値 | ウィンドウの左位置 | |
| top | 数値 | ウィンドウの上位置 | |
| location | yes/no | yes | アドレスバーの有無 |
| menubar | yes/no | yes | メニューバーの有無 |
| toolbar | yes/no | yes | ツールバーの有無 |
| resizable | yes/no | yes | リサイズの可否 |
| scrollbars | yes/no | yes | スクロールバーの有無 |
| status | yes/no | yes | ステータスバーの有無 |
| titlebar | yes/no | yes | タイトルバーの有無 |
| fullscreen | yes/no | yes | フルスクリーンでオープン |
別ウィンドウを画面中央に表示する
var url=""; //ウィンドウに表示するURL
var x_width=450; //ウィンドウの横幅
var y_height=200; //ウィンドウの高さ
var x_pos=Number((window.screen.width-x_width)/2);
var y_pos=Number((window.screen.height-y_height)/2);
mywin=window.open(url,"mywindow","width="+x_width+",height="+y_height+",left="+x_pos+",top="+y_pos+",location=no,menubar=no,toolbar=no,resizable=yes,scrollbars=yes");