Métodos de window em Javascript

O objeto window de Javascript tem a disposição dos programadores uma longa lista de métodos. Estudaremos e veremos exemplos.

Por Miguel Angel Alvarez - Tradução de JML


Publicado em: 20/3/05
Valorize este artigo:
Vamos ver agora os distintos métodos que tem o objeto window. Muitos destes métodos terão que ser vistos separadamente porque são muito úteis e ainda não o utilizamos, agora vamos lista-los e já veremos alguns exemplos.

alert(texto)
Apresenta uma janela de alerta onde se pode ler o texto que recebe por parâmetro.

back()
Ir uma página atrás no histórico de páginas visitadas. Funciona como o botão de voltar da barra de ferramentas. (Javascript 1.2)

blur()
Tirar o foco da janela atual. (Javascript 1.1)

captureEvents(eventos)
Captura os eventos que se indiquem por parâmetro (Javascript 1.2).

clearInterval()
Elimina a execução de sentenças associadas a um intervalo indicadas com o método setInterval().(Javascript 1.2)

clearTimeout()
Elimina a execução de sentenças associadas a um tempo de espera indicadas com o método setTimeout().

close()
Fecha a janela. (Javascript 1.1)

confirm(texto)
Mostra uma janela de confirmação e permite aceitar ou rejeitar.

find()
Mostra uma janelinha de busca. (Javascript 1.2 para Netscape)

focus()
Coloca o foco da aplicação na janela. (Javascript 1.1)

forward()
Ir uma página adiante no histórico de páginas visitadas. Como se clicássemos o botão de adiante do navegador. (Javascript 1.2)

home()
Ir à página de início o explorador que tenha configurado. (Javascript 1.2)

moveBy(pixelsX, pixelsY)
Move a janela do navegador os pixels que se indicam por parâmetro para a direita e para baixo. (Javascript 1.2)

moveTo(pixelsX, pixelsY)
Move a janela do navegador à posição indicada nas coordenadas que recebe por parâmetro. (Javascript 1.2)

open()
Abre uma janela secundária do navegador.

print()
Como se clicássemos o botão de imprimir do navegador. (Javascript 1.2)

prompt(pergunta,inicio_da_resposta)
Mostra uma caixa de diálogo para pedir um dado. Devolve o dado que se escreveu.

releaseEvents(eventos)
Deixa de capturar eventos do tipo que se indique por parâmetro. (Javascript 1.2)

resizeBy(pixelslargo,pixelsAlto)
Redimensiona o tamanho da janela, acrescentando ao seu tamanho atual os valores indicados nos parâmetros. O primeiro para a altura e o segundo para a largura. Admite valores negativos se se deseja reduzir a janela. (Javascript 1.2)

resizeTo(pixelslargo,pixelsAlto)
Redimensiona a janela do navegador para que ocupe o espaço em pixels que se indica por parâmetro (Javascript 1.2)

routeEvent()
Encaminha um evento pela hierarquia de eventos. (Javascript 1.2)

scroll(pixelsX,pixelsY)
Faz um scroll da janela para a coordenada indicada por parâmetro. Este método está desaconselhado, pois agora se debería utilizar scrollTo()(Javascript 1.1)

scrollBy(pixelsX,pixelsY)
Faz um scroll do conteúdo da janela relativo à posição atual. (Javascript 1.2)

scrollTo(pixelsX,pixelsY)
Faz um scroll da janela à posição indicada pelo parâmetro. Este método tem que ser utilizado ao invés do scroll. (Javascript 1.2)

setInterval()
Define um script para que seja executado indefinidamente em cada intervalo de tempo. (Javascript 1.2)

setTimeout(sentença,segundos)
Define um script para que seja executado uma vez depois de um tempo de espera determinado.

stop()
Como clicar o botão de stop da janela do navegador. (Javascript 1.2)

Para ilustrar um pouco melhor o funcionamento de algum destes métodos -os mais estranhos-, criamos uma página web que os utiliza. O código da página mostra-se a seguir e também podemos ver a página em funcionamento.

<form>
<input type="button" value="Janela de busca (Somente Netscape)" onClick="window.find()">
<br>
<br>
<input type="button" value="Mover a janela 10 direita,10 abaixo" onClick="moveBy(10, 10)">
<br>
<br>
<input type="button" value="Mover a janela ao ponto (100,10)" onClick="moveTo(100, 10)">
<br>
<br>
<input type="button" value="Imprimir esta página" onClick="print()">
<br>
<br>
<input type="button" value="Aumentar a janela 10 largura,10 comprimento" onClick="resizeBy(10, 10)">
<br>
<br>
<input type="button" value="Fixar o tamanho da janela em 400 x 200" onClick="resizeTo(400, 200)">
<br>
<br>
<input type="button" value="Scroll acima de tudo" onClick="scroll(0,0)">
<br>
<br>
<input type="button" value="Scroll acima 10 pixels" onClick="scrollBy(0,-10)">
</form>


Estes exemplos são muito simples, embora pouco práticos. Unicamente trata-se de uma série de botões que, ao clica-los, chamam a outros tantos métodos do objeto window. No atributo onclick da etiqueta do botão se indicam as sentenças Javascript que queremos que se executem quando se clica sobre tal botão.

No capítulo seguinte veremos outros exemplos realizados com métodos do objeto window de Javascript, um pouco mais detalhados.





Comentários do artigo
Foi enviado 1 comentário ao artigo
1 comentário não revisado
0 comentários revisados

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato