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