Html codificação para uma caixa de alerta

Usando o código HTML e javascript, os desenvolvedores podem criar caixas de alerta de pop-up quando os usuários interagem com os elementos da página Web. Os elementos HTML em uma página pode incluir eventos atributos ouvinte detecção de interação do usuário. Quando esse usuário interação ocorre, o código HTML pode especificar uma função javascript para executar. Esta função javascript pode incluir o código para exibir uma caixa de alerta para o usuário, que pode exibir uma mensagem e um botão.

alerta Sintaxe

A função de alerta em javascript solicita que o navegador para exibir uma caixa de pop-up que é separado para a página que está sendo visualizado. Quando o usuário vê a caixa de alerta, eles podem clicar no botão dentro dele para rejeitá-lo. retornar à página. O seguinte código javascript exemplo demonstra a criação de uma caixa de alerta dentro de uma página Web: alert ("Este é um alerta") - Sempre que esse código é executado, a caixa de alerta aparecerá.

mensagem

A caixa de alerta criado através de HTML e javascript pode exibir uma mensagem. Os desenvolvedores podem incluir a mensagem como um parâmetro para a função de alerta, listá-la como um valor de string literal. Em alternativa, a mensagem pode incluir variáveis ​​como no exemplo seguinte código: var theMessage = "Olá"- alerta (theMessage) - A mensagem pode, opcionalmente, incluir referências múltiplas variáveis ​​em conjunto com literais cordas como se segue: var msgOne = "Olá!"- var msgTwo = "Este é um alerta ..."- alert (msgOne + " " + MsgTwo);

Função javascript

Na maioria dos casos os desenvolvedores incluem as chamadas de alerta dentro de funções de javascript. páginas da Web pode incluir seções de código javascript nas áreas da cabeça e do corpo ou pode, alternativamente, listar o código em arquivos de script separados ligados a partir da seção de cabeçalho da página. O seguinte código de exemplo demonstra incluindo uma função de javascript com um comando de alerta dentro dele: função showMessage (MessageText) {alert (MessageText) -} Este código recebe a mensagem a ser exibida como um parâmetro. Isto significa que a seção de código chamar a função deve fornecer o texto da mensagem e passá-lo como um parâmetro quando ele chama a função.

chamadas

Os desenvolvedores geralmente incluem atributos de eventos dentro de elementos HTML, chamando funções de javascript na interação do usuário. Por exemplo, o seguinte código de marcação HTML cria um elemento de entrada de botão com um atributo do evento ouvinte: Este código instrui o navegador para ouvir o usuário clicar no botão, em seguida, chamar a função javascript especificado, passando o parâmetro de texto. Quando a página é carregada e o usuário clica no botão, uma caixa de alerta aparecerá com a mensagem "prensado" exibido nele. Os suplentes de código entre aspas simples e duplas para distinguir entre a chamada de função eo valor do parâmetro.

Referências

• ligação W3schools: javascript Caixas Popup
• ligação W3Schools: alerta Janela () Método
• ligação Funções javascript: W3Schools
• ligação W3Schools: Atributos HTML / XHTML Padrão Evento

Sobre o autor

Sue Smith começou a escrever em 2000. Ela tem produzido tutoriais para empresas, incluindo Apex Computer Software e artigos de formação sobre temas de vários sites de computação. Smith tem um Master of Arts em língua e literatura Inglês, bem como um Master of Science em tecnologia da informação, ambos da Universidade de Glasgow.