Stil mit {stil}

Okt 2008

Javascript window :: Fenstergröße ändern und Fenster bewegen

Die Methoden window.resizeBy() und window.resizeTo() ändern die Größe des Browserfensters.

window.scrollBy() und window.scrollTo() springen zu vorgegebenen Positionen im Fenster.

window.moveTo() und window.moveBy() verändern die Position des Fensters auf dem Monitor.

resizeBy(w, h), resizeTo(w, h)

resizeBy() verkleinert oder vergrößert das aktuelle Fenster, je nachdem, ob w / h positive oder negative Werte enthalten.

window.resizeTo(600,600) setzt die Abmessungen des Fensters auf 600 x 600 Pixel.

Safari ignoriert resizeBy() und resizeTo() und ändert die Fenstergröße nicht, es sei denn, das Fenster wurde vom Script selbst geöffnet.

Kleiner um 60px Größer um 60px Verkleinern auf 600x600

document.getElementById('less').onclick = function() { window.resizeBy(-60,-60); }
document.getElementById('more').onclick = function() { window.resizeBy(60,60); }
document.getElementById('reto').onclick = function() { window.resizeTo(600,600); }

scrollBy(dx, dy), scrollTo(x, y)

skrollt das Dokument im Fenster

Scrollen um Scrollen nach

Die Funktionen scrollBy und scrollTo springen zu den angegebenen Koordinaten – sie scrollen nicht langsam.

document.getElementById('scby').onclick = function() { 
    window.scrollBy(0,300); 
}
document.getElementById('scto').onclick = function() { 
    window.scrollTo(0,0); 
}

window.moveBy(dx,dy), window.moveTo(x,y)

window.moveBy() bewegt das Fenster um eine bestimmte Zahl von Pixeln in der x bzw. y-Richtung.

window.moveTo(x,y) bewegt das Fenster zu einer bestimmten Position auf dem Monitor.

Safari ignoriert moveBy() und moveTo() und ändert die Position des Fensters nicht, es sei denn, das Fenster wurde vom Script selbst geöffnet.

Fenster bewegen

<button id="winmov">Fenster bewegen</button>

… 

document.getElementById('winmov').onclick = function () {
	window.moveBy(50,50);
}

Wenn die Bewegung das Fenster außerhalb des Bildschirms positionieren würde, setzen die meisten Browser das Fenster an den jeweiligen Rand des Bildschirms.

Event Handler für das window-Objekt