window对象定义了三组方法分别用来调整窗口位置,大小和滚动条的偏移位置:moveTo()、moveBy()、resizeTo()、resizeBy()、scrollTo()和scrollBy().这些方法都包含两个参数,分别表示X轴坐标值和Y轴坐标值。包含To字符串的方法都是绝对的,也就是X和Y参数坐标给出窗口新的绝对位置、大小或滚动偏移。包含By字符串的方法都是相对的,也就是它们在窗口的当前位置、大小、或偏移位置上增加所指定的参数X和Y的值。
方法moveTo()可以将窗口的左上角移动到指定的坐标,方法moveBy()可以将窗口上移、下移或者左移、右移指定数量的像素。方法resizeTo()和resizeBy()可以按照相对数量和绝对数量调整窗口的大小。
方法scrollBy()会将窗口中显示的文档向左、向右或者向上、向下滚动指定数量的像素。方法scrollTo()会将文档滚动到一个绝对位置。它将移动文档以便在窗口文档区的左上角显示指定的文档坐标
<!DOCTYPE html> <html> <head> <title>浏览器窗口</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> window.onload = function(){ timer = window.setInterval("jump()",1000); } function jump(){ window.resizeTo(200,200) x = Math.ceil(Math.random() * 1024) y = Math.ceil(Math.random() * 760) window.moveTo(x,y) } </script> </head> <body> </body> </html>