tutoriais mais recente desenvolvimento web
 

JavaScript Caixas de pop-up


JavaScript tem três tipos de caixas de pop-up: caixa de alerta, a caixa Confirmar, ea caixa Prompt.


Box alerta

Uma caixa de alerta é frequentemente utilizado se você quer ter certeza de informação vem através de para o usuário.

Quando uma caixa de alerta aparece, o usuário terá que clicar em "OK" para prosseguir.

Sintaxe

window.alert("sometext");

O window.alert() método pode ser escrita sem o prefixo janela.

Exemplo

alert("I am an alert box!");
Tente você mesmo "

confirmar Box

Uma caixa de confirmação é muitas vezes usado se você deseja que o usuário para verificar ou aceitar alguma coisa.

Quando uma caixa de confirmação aparece, o usuário terá que clicar em qualquer um "OK" ou "Cancel" para prosseguir.

Se o usuário clicar em "OK" , a caixa retorna verdadeiro. Se o usuário clicar "Cancel" , a caixa retorna false.

Sintaxe

window.confirm("sometext");

O window.confirm() método pode ser escrita sem o prefixo janela.

Exemplo

var r = confirm("Press a button");
if (r == true) {
    x = "You pressed OK!";
} else {
    x = "You pressed Cancel!";
}
Tente você mesmo "

Box Prompt

A caixa de alerta é frequentemente utilizado se desejar que o usuário insira um valor antes de entrar em uma página.

Quando uma caixa de alerta aparece, o usuário terá que clicar em qualquer um "OK" ou "Cancel" para prosseguir depois de introduzir um valor de entrada.

Se o usuário clicar em "OK" na caixa retorna o valor de entrada. Se o usuário clicar "Cancel" a caixa retorna nulo.

Sintaxe

window.prompt("sometext","defaultText");

O window.prompt() método pode ser escrita sem o prefixo janela.

Exemplo

var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
Tente você mesmo "

Quebras de linha

Para exibir quebras de linha dentro de uma caixa de pop-up, utilize uma barra invertida seguida do caractere n.

Exemplo

alert("Hello\nHow are you?");
Tente você mesmo "