Exemplo
Abra uma nova janela, e redimensionar a largura e altura 250px relação à sua posição atual:
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
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O resizeBy() método redimensionado uma janela pela quantidade especificada, em relação ao seu tamanho actual.
Note: Este método move o canto inferior direito da janela pelo número especificado de pixels definidos. O canto superior esquerdo não serão movidos (que permanece em suas coordenadas originais).
Métodos relacionados:
- resizeTo() - Redimensiona a janela para a largura e a altura especificada
- moveBy() - Move uma janela em relação à sua posição atual
- moveTo() - Move uma janela para a posição especificada
Suporte navegador
| Método | |||||
|---|---|---|---|---|---|
| resizeBy() | sim | sim | sim | sim | sim |
Sintaxe
resizeBy( Os valores dos parâmetros Parâmetro Tipo Descrição width Number Requeridos. Um número positivo ou negativo que especifica quantos pixels para redimensionar a largura por height Number Requeridos. Um número positivo ou negativo que especifica quantos pixels para redimensionar a altura de
Detalhes técnicos
Valor de retorno: Nenhum valor de retorno
mais Exemplos
Exemplo
Abra uma nova janela, e diminuir a largura por 50px e aumentar a altura por 50px:
myWindow.resizeBy(-50, 50); Tente você mesmo "
Exemplo
Usando o resizeBy() método em conjunto com resizeTo() :
function resizeWinTo() {
myWindow.resizeTo(800, 600);
myWindow.focus();
}
function resizeWinBy() {
myWindow.resizeBy(-100, -50);
myWindow.focus();
}
Tente você mesmo "
Exemplo
Redimensionar a janela de nível superior do navegador com 100px ida (só funciona no IE e Safari):
top.resizeBy(100, 100);
Tente você mesmo "
<Window Objeto