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>