Heim >Web-Frontend >js-Tutorial >Wie ändere ich die Fenstergröße in js? Wie ändere ich die Fenstergröße in js?

Wie ändere ich die Fenstergröße in js? Wie ändere ich die Fenstergröße in js?

云罗郡主
云罗郡主Original
2018-11-06 17:50:4415375Durchsuche

In diesem Artikel geht es darum, wie man die Fenstergröße in js ändert. Ich hoffe, dass die Methode zum Ändern der Fenstergröße in js hilfreich ist.

In JavaScript können Sie die Methode resizeTo() oder die Methode resizeBy() des Fensterobjekts verwenden, um die Größe des Fensters zu ändern.

1. resizeTo()-Methode

Syntax: window.resizeTo(x, y)

Erklärung:

x bedeutet Die geänderte horizontale Breite, y repräsentiert die geänderte vertikale Höhe. Die Einheiten von x und y sind beide px. Der Browser verfügt über eigene Einheiten. Wir müssen nur numerische Werte verwenden.

Zum Beispiel:

<!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>

Der Effekt ist wie folgt:

Wie ändere ich die Fenstergröße in js? Wie ändere ich die Fenstergröße in js?

2. resizeBy()-Methode

Syntax:

1window.resizeBy(x, y)

Erklärung: Wenn der Wert von x, y größer ist Wenn es kleiner als 0 ist, wird es erweitert, und wenn es kleiner als 0 ist, wird es reduziert. Die Einheiten von x und y sind beide px.

x stellt den Wert jeder Erweiterung oder Verkleinerung des Fensters in horizontaler Richtung dar, und y stellt den Wert jeder Erweiterung oder Verkleinerung des Fensters in vertikaler Richtung dar.

Der Unterschied zwischen resizeTo(x,y) und resizeBy(x,y) besteht darin, dass: x und y in resizeTo(x,y) „geänderte“ Werte sind, während in resizeBy(x,y) x , y sind „steigende oder fallende“ Zahlenwerte. „To“ bedeutet ein Ergebnis und „by“ bedeutet einen Prozess. Sie werden es verstehen, wenn Sie über die englischen Bedeutungen von „to“ und „by“ nachdenken.

Beispiel:

<!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>

Der Vorschaueffekt im Browser ist wie folgt:

Wie ändere ich die Fenstergröße in js? Wie ändere ich die Fenstergröße in js?

Analyse:

Wir zuerst Klicken Sie auf die Schaltfläche „ResizeTo“, um die aktuelle Fensterbreite auf 200 Pixel und die Höhe auf 200 Pixel festzulegen. Jedes Mal, wenn wir dann auf die Schaltfläche „Größe ändern“ klicken, werden wir feststellen, dass sich die Breite und Höhe des aktuellen Fensters um 50 Pixel erhöht. Dies ist alles auf das Ergebnis von window.resizeBy(50,50) zurückzuführen.

Das Obige ist eine vollständige Einführung zum Ändern der Fenstergröße in js. Wenn Sie mehr über das JavaScript-Tutorial erfahren möchten, achten Sie bitte darauf zur chinesischen PHP-Website.


Das obige ist der detaillierte Inhalt vonWie ändere ich die Fenstergröße in js? Wie ändere ich die Fenstergröße in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn