Tipos de caixas pop -up em javascript

O JavaScript fornece várias funções predefinidas que são usadas para demonstrar mensagens para diferentes fins. No JavaScript, as caixas pop -up são usadas para exibir notificações simples, para obter a entrada ou confirmação do usuário, etc. Em todas as caixas pop -up, são usadas para alertar, notificar ou avisar os usuários. Depois que uma caixa pop-up aparecer, você não seria capaz de executar nenhuma outra operação até fechar esse pop-up. Em JavaScript, Caixa de Alerta, Caixa Prompt e Confirm Box são os três tipos de caixas pop -up.

Neste artigo, entenderemos os aspectos abaixo da listada de caixas pop-up em JavaScript:

• O que é uma caixa de alerta e como usá -la em javascript?
• O que é uma caixa rápida e como funciona em JavaScript?
• O que é uma caixa de confirmação e como funciona em javascript?

Então, vamos começar!

O que é uma caixa de alerta e como usá -la em javascript?

É um tipo de caixa pop -up que é usada para exibir uma notificação de aviso/alerta para o usuário. Uma caixa de alerta aparece no centro superior da interface visual. Depois que uma caixa de alerta aparece, ela interrompe a execução de outras partes do programa até que o usuário clique no "OK" botão. A sintaxe básica da caixa de alerta é mostrada no snippet abaixo:

alerta ("notificação de alerta");

O trecho acima mostra que temos que passar a notificação de alerta/aviso ao método de alerta.

Exemplo
O snippet de código abaixo o ajudará a entender como as caixas de alerta funcionam no JavaScript:

Clique em mim

Neste programa, utilizamos o método alert () e passamos uma mensagem “Bem -vindo ao Linuxhint.com ”. Como resultado, obteremos a seguinte saída:

O "GIF" acima mostra que quando clicamos no botão “Clique em mim”, Consequentemente, gera uma caixa pop-up que mostra a notificação especificada pelo usuário.

O que é uma caixa rápida e como funciona em JavaScript?

No JavaScript, a caixa de prompt é um tipo de caixa pop -up usada para obter a entrada do usuário. Uma caixa rápida aparece no centro superior da interface visual. A seguir, será a sintaxe da caixa de prompt em JavaScript:

Prompt ("Notificação Prompt");

Exemplo
O programa abaixo dado o guiará a entender como as caixas rápidas funcionam no JavaScript:

Clique em mim

Neste exemplo, utilizamos o método prompt () e passamos uma notificação "Digite a senha". Consequentemente, obteremos a seguinte saída:

O "GIF" acima mostra que quando clicamos no botão “Clique em mim”, Consequentemente, ele gera uma caixa pop -up que pede ao usuário que "digite senha".

O que é uma caixa de confirmação e como funciona em javascript

Confirm Box é um tipo de caixa pop -up usada para tomar a permissão/autorização do usuário. O trecho abaixo mostra como usar a caixa de confirmação em JavaScript:

confirmar ("notificação de confirmação");

Exemplo
O snippet de código abaixo do público ajudará você a entender como a caixa de confirmação funciona no JavaScript:

Clique em mim

No bloco de código acima, utilizamos o confirm () para confirmar a idade do usuário:

O trecho acima mostra a adequação da caixa de confirmação em JavaScript.

Conclusão

No JavaScript, existem três tipos de caixas pop -up que são usadas para exibir notificações simples, para obter a entrada do usuário ou a confirmação do usuário, etc. Em palavras simples, as caixas pop-up são usadas para alertar, notificar ou avisar os usuários. Esta redação forneceu um guia detalhado sobre os vários tipos de caixas pop-up em javascript.