codificación HTML para un cuadro de alerta

elementos HTML pueden llamar a funciones de javascript en la interacción del usuario.

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 puede 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.

Vídeo: Ventana modal al cargar página web con HTML y CSS (sin plugins)

alerta de 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 descartarlo. volver a la página. El siguiente código javascript ejemplo muestra la creación de un cuadro de alerta dentro de una página web: alert ("Se trata de una alerta") - Cada vez que este código se ejecuta, aparecerá el cuadro de alerta.

Mensaje

El cuadro de alerta creada 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. Alternativamente, 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 "Esta 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: la función ShowMessage (MessageText) {alert (MessageText) -} Este código recibe el mensaje que se 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: 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" se muestra 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.

Vídeo: Como poner un mensaje de alerta con javascript

referencias

W3schools: javascript emergentes Cajas
W3Schools: Ventana de alerta () Método
Funciones de javascript: W3Schools
W3Schools: Atributos de HTML / XHTML estándar Evento

Sobre el Autor

Sue Smith comenzó a escribir en 2000. Ha producido tutoriales para empresas como Apex Software y artículos Equipo de Capacitación en temas de diversos sitios web de computación. Smith tiene una Maestría en idioma Inglés y la literatura, así como una Maestría en Ciencias en tecnología de la información, tanto de la Universidad de Glasgow.