位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 控制窗口大小和位置

提问人:刘团圆发布时间:2020-11-26

■知识点

    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)

}

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部