Los últimos tutoriales de desarrollo web
 

Ventana resizeBy() Method

<Ventana Object

Ejemplo

Abrir una nueva ventana, y cambiar el tamaño de la anchura y la altura 250 píxeles respecto a su posición actual:

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
}
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El resizeBy() método cambia el tamaño de una ventana en la cantidad especificada, con relación a su tamaño actual.

Note: Este método se mueve la esquina inferior derecha de la ventana por el número especificado de píxeles definidos. La esquina superior izquierda no se moverá (se queda en sus coordenadas originales).

Métodos relacionados:

  • resizeTo() - Cambia el tamaño de la ventana a la anchura y altura especificadas
  • moveBy() - Mueve una ventana con relación a su posición actual
  • moveTo() - Mueve una ventana a la posición especificada

Soporte del navegador

Método
resizeBy() Sí Sí Sí Sí Sí

Sintaxis

resizeBy( Los valores de los parámetros
Parámetro Tipo Descripción
width Number Necesario. Un número positivo o un negativo que especifica el número de píxeles para cambiar el tamaño de la anchura por
height Number Necesario. Un número positivo o negativo que especifica el número de píxeles para cambiar el tamaño de la altura

Detalles técnicos

Valor de retorno: Sin valor de retorno
Ejemplos

Más ejemplos

Ejemplo

Abrir una nueva ventana, y disminuir el ancho por 50 píxeles y aumentar la altura por 50 píxeles:

myWindow.resizeBy(-50, 50);
Inténtalo tú mismo "

Ejemplo

Uso de la resizeBy() método, junto con resizeTo() :

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

function resizeWinBy() {
    myWindow.resizeBy(-100, -50);
    myWindow.focus();
}
Inténtalo tú mismo "

Ejemplo

Cambiar el tamaño de la ventana del navegador más alta con 100 píxeles por cada tramo (sólo funciona en IE y Safari):

top.resizeBy(100, 100);
Inténtalo tú mismo "
<Ventana Object