Iniciando no Javascript: Exemplos de métodos de Window
Autor/fonte: CriarWeb.com
E-mail/Url: http://www.criarweb.com/artigos/338.php
Tweet
Agora vamos realizar algum exemplo de utilização dos métodos da janela. Vamos nos centrar nos exemplos que servem para por caixas de diálogo, que são muito úteis.
Caixa de alerta
Para por um texto em uma janelinha com um botão de aceitar. Recebe o texto por parâmetro:
Como o objeto window se subentende podemos escrevê-lo assim:
Coloca-se uma janela como a que pode se ver nesta página.
Caixa de confirmação
Mostra uma janela com um texto indicado por parâmetro e um botão de aceitar e outro de rejeitar. Dependendo do botão que se clica devolve um true (se clicar aceitar) ou um false (se clicar rejeitar):
Este script mostra uma caixa de diálogo confirm e logo mostra em outra caixa de diálogo alert o conteúdo da variável que devolveu a caixa de diálogo. Novamente, podemos ver o funcionamento deste script se acessamos a esta página a parte.
Caixa de introdução de um dado
Mostra uma caixa de diálogo onde se formula uma pergunta e existe um campo de texto para escrever uma resposta. O campo de texto aparece preenchido com o que se escreva no segundo parâmetro do método. Também existe um botão de aceitar e outro de cancelar. Neste caso de clicar aceitar, o método devolve o texto que foi escrito. Se foi clicado cancelar, devolve null.
O exemplo seguinte serve para pedir o nome da pessoa que está visitando a página e logo mostrar na página uma saudação personalizada. Utiliza um loop para repetir a tomada de dados sempre que o nome da pessoa seja null (porque clicou o botão de cancelar), ou seja, um string vazio (porque não escreveu nada):
Se observarmos na caixa prompt, veremos que recebe dois parâmetros. O segundo era o texto por padrão que sai na caixa como resposta. Deixamos como um string vazio para que não sai nada como texto por padrão.
Até aqui os exemplos dos métodos do objeto window. De qualquer forma, no resto do manual teremos ocasião de ver como trabalhar com muitas propriedades e métodos deste objeto.
Caixa de alerta
Para por um texto em uma janelinha com um botão de aceitar. Recebe o texto por parâmetro:
window.alert("Este é o texto que sai")
Como o objeto window se subentende podemos escrevê-lo assim:
alert("Este é o texto que sai")
Coloca-se uma janela como a que pode se ver nesta página.
Caixa de confirmação
Mostra uma janela com um texto indicado por parâmetro e um botão de aceitar e outro de rejeitar. Dependendo do botão que se clica devolve um true (se clicar aceitar) ou um false (se clicar rejeitar):
<script>
var resposta = confirm("Aceite-me ou rejeite-me")
alert ("Você clicou: " + resposta)
</script>
Este script mostra uma caixa de diálogo confirm e logo mostra em outra caixa de diálogo alert o conteúdo da variável que devolveu a caixa de diálogo. Novamente, podemos ver o funcionamento deste script se acessamos a esta página a parte.
Caixa de introdução de um dado
Mostra uma caixa de diálogo onde se formula uma pergunta e existe um campo de texto para escrever uma resposta. O campo de texto aparece preenchido com o que se escreva no segundo parâmetro do método. Também existe um botão de aceitar e outro de cancelar. Neste caso de clicar aceitar, o método devolve o texto que foi escrito. Se foi clicado cancelar, devolve null.
O exemplo seguinte serve para pedir o nome da pessoa que está visitando a página e logo mostrar na página uma saudação personalizada. Utiliza um loop para repetir a tomada de dados sempre que o nome da pessoa seja null (porque clicou o botão de cancelar), ou seja, um string vazio (porque não escreveu nada):
<script>
nome = null
while (nome == null || nome == ""){
nome = prompt("Diga-me seu nome:","")
}
document.write("<h1>Olá " + nome + "</h1>")
</script>
Se observarmos na caixa prompt, veremos que recebe dois parâmetros. O segundo era o texto por padrão que sai na caixa como resposta. Deixamos como um string vazio para que não sai nada como texto por padrão.
Até aqui os exemplos dos métodos do objeto window. De qualquer forma, no resto do manual teremos ocasião de ver como trabalhar com muitas propriedades e métodos deste objeto.
Enviado por xKuRt em 22/11/2006 às 15:11
Avaliação
Esta publicação ainda não foi avaliada!
A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.
Comentários
Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).
Envio de comentário:
Terça, 21 de Maio de 2013
Área restrita
Leitura recomendada
Domain-Driven Design - Atacando as Complexidades no Coração do Software
Últimas publicações
Top 5 membros
- dddweb213 pts
- andersonop207 pts
- Jotah197 pts
- fbinasco165 pts
- fredbcn117 pts
Últimos membros cadastrados
- igorabbem 20/05
- paulinho2012em 20/05
- valkyem 18/05





