ウィンドウサイズの変更

window.resizeTo()メソッド

ウィンドウの大きさを変更するメソッド。引数にはウィンドウの幅、高さをピクセル単位で指定。
<body>タグのonloadイベントハンドラに設定すると、ページ読み込み時に実行され、指定サイズでページを開くことができる。

window.resizeBy()メソッド

ウィンドウの幅と高さを指定ピクセル数だけ増減する。マイナス(-)を付ければ縮小する。

<Script language="JavaScript"><!--
var flg = true;  //ﾌﾗｸﾞ変数
var timer;   	//ﾀｲﾏｰ変数
function windowResize(){
  if(flg){    //ﾎﾞﾀﾝ名が"拡大縮小し続ける"の時
    //誤動作を防ぐため、ｻｲｽﾞ変更のﾎﾞﾀﾝを無効にしておく
    document.form1.btn1.disabled = true;
    document.form1.btn2.disabled = true;
    document.form1.btn3.disabled = true;
    document.form1.btn4.disabled = true;
    document.form1.btn5.value = "停止";
    flg = false;
    timer = setInterval("GoGo()", 100);
  }else{    //ﾎﾞﾀﾝ名が"停止"の時
    //ｻｲｽﾞ変更のﾎﾞﾀﾝを有効に戻す
    document.form1.btn1.disabled = false;
    document.form1.btn2.disabled = false;
    document.form1.btn3.disabled = false;
    document.form1.btn4.disabled = false;
    document.form1.btn5.value = "拡大縮小し続ける";
    flg = true;
    clearInterval(timer);   //停止
  }
}
var w =3;    //幅の増減値
var h = 1;   //高さの増減値
function GoGo(){
  //範囲外になった場合、増減値(w,h)の符号を反転し、拡大｜縮小を逆転する
  if(document.body.offsetWidth>800 ||document.body.offsetWidth<200)w = -w;
  if(document.body.offsetHeight>600 || document.body.offsetHeight<150)h = -h;
  resizeBy(w,h);
}
//--></Script>
</head>
  
<body onload="resizeTo(600,400);">
<form name="form1">
  <input type="button" name="btn1" value="400*300に変更" 
      onclick="resizeTo(400,300);">
  <input type="button" name="btn2" value="初期値(600*400)に戻す" 
      onclick="resizeTo(600,400);">
  <input type="button" name="btn3" value="幅30ピクセル、高さ20ピクセル小さく"
       onclick="resizeBy(-30,-20);">
  <input type="button" name="btn4" value="幅30ピクセル、高さ20ピクセル大きく"
       onclick="resizeBy(30,20);">
  <input type="button" name="btn5" value="拡大縮小し続ける" 
      onclick="windowResize()">
</form>

end(02/11/07)