Gli ultimi tutorial di sviluppo web
 

Finestra resizeBy() Method

<Window Object

Esempio

Aprire una nuova finestra, e ridimensionare la larghezza e l'altezza 250px rispetto alla sua posizione attuale:

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
}
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

Il resizeBy() metodo ridimensiona una finestra del valore specificato, rispetto alle dimensioni attuali.

Note: Questo metodo sposta in basso a destra della finestra per il numero specificato di pixel definiti. In alto a sinistra non verrà spostato (rimane nelle sue coordinate originali).

Metodi correlati:

  • resizeTo() - Ridimensiona la finestra per la larghezza e l'altezza specificate
  • moveBy() - sposta una finestra relativa alla sua posizione attuale
  • moveTo() - Si sposta una finestra alla posizione specificata

Supporto browser

Metodo
resizeBy()

Sintassi

resizeBy( valori dei parametri
Parametro Tipo Descrizione
width Number Necessario. Un numero positivo o negativo che specifica il numero di pixel per ridimensionare la larghezza per
height Number Necessario. Un numero positivo o negativo che specifica la quantità di pixel per ridimensionare l'altezza

Dettagli tecnici

Valore di ritorno: Nessun valore di ritorno

Esempi

Altri esempi

Esempio

Aprire una nuova finestra, e diminuire la larghezza per 50px e aumentare l'altezza da 50px:

myWindow.resizeBy(-50, 50);
Prova tu stesso "

Esempio

Utilizzando il resizeBy() il metodo con resizeTo() :

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

function resizeWinBy() {
    myWindow.resizeBy(-100, -50);
    myWindow.focus();
}
Prova tu stesso "

Esempio

Ridimensionare la finestra del browser più in alto con 100px a tratta (funziona solo in IE e Safari):

top.resizeBy(100, 100);
Prova tu stesso "

<Window Object