JavaScript 控制窗口大小和位置
■知识点
window对象定义了 3组方法分别用来调整窗口位置、大小和滚动条的偏移位置:moveTo()、moveBy()、resizeTo。、resizeBy()、scrollTo()和 scrollBy()。
这些方法都包含两个参数,分别表示x轴偏移值和y轴偏移值。包含To字符串的方法都是绝对的,也就是x和y是绝对位置、大小或滚动偏移;包含By字符串的方法都是相对的,也就是它们在窗口的当前位置、大小或滚动偏移上增加所指定的参数x和y的值。
方法moveToO可以将窗口的左上角移动到指定的坐标,方法moveByQ可以将窗口上移、下移或者左移、右移指定数量的像素。方法resizeTo()和resizeBy()可以按照相对数量和绝对数量调整窗口的 大小。
■实例设计
下面的示例能够将当前浏览器窗口的大小重新设置为200px宽、200px高,然后生成一个任意数字 来随机定位窗口在屏幕中的显示位置。
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)
}
点击加载更多评论>>