Neueste Web-Entwicklung Tutorials
 

Fenster resizeBy() Method

<Fensterobjekt

Beispiel

Öffnen Sie ein neues Fenster, und die Größe der Breite und Höhe 250 Pixel relativ zu seiner aktuellen Position:

function openWin() {
    myWindow = window.open("", "", "width=100, height=100");  // Opens a new window
}

function resizeWin() {
    myWindow.resizeBy(250, 250);                             // Resizes the new window
    myWindow.focus();                                        // Sets focus to the new window
}
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die resizeBy() Methode ändert die Größe eines Fensters um den angegebenen Betrag, relativ zu seiner aktuellen Größe.

Note: Dieses Verfahren verschiebt die untere rechte Ecke des Fensters , um die angegebenen Anzahl von Pixeln definiert. Die obere linke Ecke wird nicht verschoben werden (es ist in seinen ursprünglichen Koordinaten bleibt).

Ähnliche Methoden:

  • resizeTo() - Ändert die Größe des Fensters in die angegebene Breite und Höhe
  • moveBy() - Bewegt sich ein Fenster in Bezug auf seine aktuelle Position
  • moveTo() - Verschiebt ein Fenster zu der angegebenen Position

Browser-Unterstützung

Methode
resizeBy() Ja Ja Ja Ja Ja

Syntax

resizeBy( Parameterwerte
Parameter Art Beschreibung
width Number Erforderlich. Eine positive oder eine negative Zahl, die angibt, wie viele Pixel die Breite, um die Größe von
height Number Erforderlich. Eine positive oder eine negative Zahl, die angibt, wie viele Pixel die Höhe, um die Größe von

Technische Details

Rückgabewert: Kein Rückgabewert

Beispiele

Mehr Beispiele

Beispiel

Öffnen Sie ein neues Fenster, und verringern Sie die Breite von 50px und erhöhen die Höhe von 50px:

myWindow.resizeBy(-50, 50);
Versuch es selber "

Beispiel

Unter Verwendung des resizeBy() Methode zusammen mit resizeTo() :

function resizeWinTo() {
    myWindow.resizeTo(800, 600);
    myWindow.focus();
}

function resizeWinBy() {
    myWindow.resizeBy(-100, -50);
    myWindow.focus();
}
Versuch es selber "

Beispiel

Ändern Sie die Größe des obersten Browserfenster mit 100px jeder Art und Weise (funktioniert nur im IE und Safari):

top.resizeBy(100, 100);
Versuch es selber "

<Fensterobjekt