JavaScript 控制窗口大小和位置

■知識(shí)點(diǎn)

    window對(duì)象定義了 3組方法分別用來(lái)調(diào)整窗口位置、大小和滾動(dòng)條的偏移位置：moveTo()、moveBy()、resizeTo。、resizeBy()、scrollTo()和 scrollBy()。

    這些方法都包含兩個(gè)參數(shù)，分別表示x軸偏移值和y軸偏移值。包含To字符串的方法都是絕對(duì)的，也就是x和y是絕對(duì)位置、大小或滾動(dòng)偏移；包含By字符串的方法都是相對(duì)的，也就是它們?cè)诖翱诘漠?dāng)前位置、大小或滾動(dòng)偏移上增加所指定的參數(shù)x和y的值。

    方法moveToO可以將窗口的左上角移動(dòng)到指定的坐標(biāo)，方法moveByQ可以將窗口上移、下移或者左移、右移指定數(shù)量的像素。方法resizeTo()和resizeBy()可以按照相對(duì)數(shù)量和絕對(duì)數(shù)量調(diào)整窗口的 大小。

■實(shí)例設(shè)計(jì)

    下面的示例能夠?qū)?dāng)前瀏覽器窗口的大小重新設(shè)置為200px寬、200px高，然后生成一個(gè)任意數(shù)字 來(lái)隨機(jī)定位窗口在屏幕中的顯示位置。

window.onload = function(){

    timer = window.setlnterval("jump()", 1000);

}

function jump(){

    window.resizeTo(200, 200) 

    x = Math.ceil(Math.random() * 1024) 

    y = Math.ceil(Math.random() * 760) 

    window.moveTo(x, y)

}