jsでウィンドウサイズを変更するにはどうすればよいですか?-jsチュートリアル-php.cn

jsでウィンドウサイズを変更するにはどうすればよいですか?

云罗郡主

リリース： 2018-11-06 17:50:44

オリジナル

15387 人が閲覧しました

この記事の内容は、js でウィンドウサイズを変更する方法についてです。必要な友人が参考になれば幸いです。

JavaScript では、ウィンドウオブジェクトの ResizeTo() メソッドまたは ResizeBy() メソッドを使用して、ウィンドウのサイズを変更できます。

1.resizeTo() メソッド

構文: window.resizeTo(x, y)

説明:

x の意味変更された水平幅、y は変更された垂直高さを表します。 x と y の単位はどちらも px です。ブラウザには独自の単位が付属しています。数値を使用するだけです。

例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function resizeWindow()
        {
            window.resizeTo(200,200);
        }
    </script>
</head>
<body>
    <input type="button" value="改变大小" onclick="resizeWindow()"/>
</body>
</html>

ログイン後にコピー

効果は次のとおりです:

2.resizeBy() メソッド

構文:

1window.resizeBy(x, y)

説明: x と y の値が0より大きい場合は拡大され、0より小さい場合は縮小されます。 x と y の単位はどちらも px です。

x はウィンドウの水平方向の拡大または縮小の各値を表し、y はウィンドウの垂直方向の各拡大または縮小の値を表します。

resizeTo(x,y)とresizeBy(x,y)の違いは、resizeTo(x,y)のxとyは「変更された」値であるのに対し、resizeBy(x,y)xでは、、yは「増加または減少」する数値です。「to」は結果、「by」は過程を意味します英語の「to」と「by」の意味をよく考えてみると分かります。

例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function resizeToWindow() {
            window.resizeTo(200,200);
        }
        function resizeByWindow() {
            window.resizeBy(50,50);
        }
    </script>
</head>
<body>
    <input type="button" value="resizeTo" onclick="resizeToWindow()"/>
    <input type="button" value="resizeBy" onclick="resizeByWindow()"/>
</body>
</html>

ログイン後にコピー

ブラウザでのプレビュー効果は次のとおりです:

jsでウィンドウサイズを変更するにはどうすればよいですか?

分析:

まずは「resizeTo」ボタンをクリックすると、現在のウィンドウの幅が 200px、高さが 200px に設定されます。次に、「resizeBy」ボタンをクリックするたびに、現在のウィンドウの幅と高さが 50 ピクセルずつ増加することがわかります。これはすべて window.resizeBy(50,50) の結果によるものです。

上記は、js でウィンドウサイズを変更する方法についての完全な紹介です。 JavaScript チュートリアルについて詳しく知りたい場合は、注意してください。 PHP中国語ウェブサイトへ。

以上がjsでウィンドウサイズを変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。