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() | sì | sì | sì | sì | sì |
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
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