Tecnología

Inicio

La codificación HTML para un cuadro de alerta

La codificación HTML para un cuadro de alerta


El uso de código HTML y JavaScript, los desarrolladores pueden crear cuadros de alerta para que aparezca cuando los usuarios interactúan con los elementos de la página Web. Los elementos HTML en una página pueden incluir atributos detector de eventos que detectan la interacción del usuario. Cuando se produce esta interacción con el usuario, el código HTML se puede especificar una función de JavaScript que se ejecutará. Esta función JavaScript puede incluir el código para mostrar un cuadro de alerta para el usuario, que puede mostrar un mensaje y un botón.

alerta sintaxis

La función de alerta de JavaScript pide al navegador que muestre un cuadro emergente que está separado de la página que se está viendo. Cuando el usuario ve el cuadro de alerta, pueden hacer clic en el botón dentro de ella para descartarla. volver a la página. El siguiente código JavaScript de ejemplo muestra la creación de un cuadro de alerta dentro de una página web:

alert ( "Esta es una alerta");

Cada vez que este código se ejecuta, aparecerá el cuadro de alerta.

Mensaje

El cuadro de alerta creado a través de HTML y JavaScript puede mostrar un mensaje. Los desarrolladores pueden incluir el mensaje como parámetro a la función de alerta, lista como un valor de cadena literal. Como alternativa, el mensaje puede incluir variables como en el ejemplo de código siguiente:

var themessage = "Hola";

alerta (themessage);

El mensaje puede incluir opcionalmente múltiples referencias variables junto con los literales de cadena de la siguiente manera:

var msgOne = "Hola!";

var msgTwo = "Esto es una alerta ...";

alerta (msgOne + "" + msgTwo);

Función JavaScript

En la mayoría de los casos los desarrolladores incluyen sus llamadas de alerta dentro de las funciones de JavaScript. Las páginas web pueden incluir secciones de código JavaScript en las áreas de la cabeza y el cuerpo o pueden enumerar como alternativa el código en archivos de comandos independientes vinculados a la página de la sección de cabeza. El siguiente código de ejemplo muestra que incluye una función de JavaScript con un comando de alerta en su interior:

función ShowMessage (MessageText) {

alerta (MessageText);

}

Este código recibe el mensaje para mostrar como un parámetro. Esto significa que la sección de código que llama a la función debe proporcionar el texto del mensaje y transmitirlo como un parámetro cuando se llama a la función.

llamadas

Los desarrolladores a menudo incluyen atributos de los eventos dentro de los elementos HTML, llamadas a funciones JavaScript en la interacción del usuario. Por ejemplo, el siguiente código de marcado HTML crea un elemento de entrada de botón con un atributo de detector de eventos:

<Input de tipo "botón" = onclick = "ShowMessage ( 'presiona')" value = "prensa me" />

Este código indica al navegador que el usuario escuche el clic en el botón, a continuación, llamar a la función de JavaScript especificada, pasándole el parámetro de texto. Cuando se carga la página y el usuario hace clic en el botón, un cuadro de alerta aparecerá con el mensaje "presionado" que aparece en ella. Los suplentes de código entre comillas simples y dobles para distinguir entre la llamada a la función y el valor del parámetro.