Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Window: resizeBy() Methode

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die Window.resizeBy() Methode ändert die Größe des aktuellen Fensters um einen angegebenen Wert.

Syntax

js
resizeBy(xDelta, yDelta)

Parameter

xDelta

Die Anzahl der Pixel, um die das Fenster horizontal vergrößert werden soll.

yDelta

Die Anzahl der Pixel, um die das Fenster vertikal vergrößert werden soll.

Rückgabewert

Kein Wert (undefined).

Beispiele

js
// Shrink the window
window.resizeBy(-200, -200);

Hinweise

Diese Methode ändert die Größe des Fensters relativ zu seiner aktuellen Größe. Um das Fenster in absoluten Begriffen zu ändern, verwenden Sie window.resizeTo().

Erstellen und Ändern der Größe eines externen Fensters

Aus Sicherheitsgründen ist es in Firefox nicht mehr möglich, dass eine Website die Standardgröße eines Fensters in einem Browser ändern kann, wenn das Fenster nicht durch window.open() erstellt wurde oder mehr als einen Tab enthält. Siehe die Kompatibilitätstabelle für Details zur Änderung.

Selbst wenn Sie ein Fenster durch window.open() erstellen, ist es standardmäßig nicht größenveränderbar. Um das Fenster größenveränderbar zu machen, müssen Sie es mit der "resizable" Funktion öffnen.

js
// Create resizable window
myExternalWindow = window.open(
  "https://example.com",
  "myWindowName",
  "resizable",
);

// Resize window to 500x500
myExternalWindow.resizeTo(500, 500);

// Make window relatively smaller to 400x400
myExternalWindow.resizeBy(-100, -100);

Das von Ihnen erstellte Fenster muss die Same Origin Policy respektieren. Wenn das von Ihnen geöffnete Fenster nicht in der gleichen Herkunft ist wie das aktuelle Fenster, können Sie die Größe nicht ändern oder auf Informationen zu diesem Fenster/Tab zugreifen.

Spezifikationen

Spezifikation
CSSOM View Module
# dom-window-resizeby

Browser-Kompatibilität

Hinweis: Diese Funktion könnte das Fenster nicht synchron resize'nen. In einigen Umgebungen (wie mobilen Geräten) könnte das Fenster überhaupt nicht vergrößert werden. Sie können das resize Ereignis abhören, um zu sehen, ob/wann das Fenster vergrößert wurde.