サブウィンドウを画面中央に表示


【Source Code】
<script type="text/javascript">
function winCenter()
{ //別窓の左と上の余白を求める
  var w = ( screen.width-640 ) / 2;
  var h = ( screen.height-400 ) / 2;
  //leftとtopに余白を指定
  window.open("open_2.html","","width=640,height=400"+",left="+w+",top="+h);
}
</script>
</head>

<body>
<h2>サブウィンドウを画面中央に表示</h2>

<form>
  <input type="button" value="中央表示" onclick="winCenter()">
</form>

button をクリックすると winCenter() が呼ばれます。
<form>
  <input type="button" value="中央表示" onclick="winCenter()">
</form>

"open_2.html" を画面中央に表示する winCenter 関数です。
<script type="text/javascript">
function winCenter()
{ //別窓の左と上の余白を求める
  var w = ( screen.width-640 ) / 2;
  var h = ( screen.height-400 ) / 2;
  //leftとtopに余白を指定
  window.open("open_2.html","","width=640,height=400"+",left="+w+",top="+h);
}
</script>

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)