JavaScript：サブウィンドウ（別窓）を中央に表示する – wiondow,open()

左右の余白を、wiondow,open()のオプション、leftとtopの値に指定してサブウィンドウを中央に表示することができます。

各端末によって画面の大きさが違いますので、以下の計算式で左右の余白を求めます。

◆利用する値
screen.width
    画面の横幅
screen.height
    画面の縦幅

◆計算式
（画面横幅－別窓横幅）÷２ ＝ 左右の余白

上記の計算式を使用したサンプルコードを記載します。

◆スクリプト
<script>

function centerWindow(){
  
    //サブウインドウの左右の余白を求めます。
    var w = ( screen.width-300 ) / 2;
    var h = ( screen.height-200 ) / 2;

    //左右の余白をオプションのleftとtopに指定します。
    window.open("../index.html","","width=300,height=200"+",left="+w+",top="+h);
}

</script>

◆HTML
<form>
<input type="button" value="サブウインドウを中央表示する" onclick="centerWindow()">
</form>