window對象調整窗口位置,大小和滾動條的偏移位置


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM