Tecnología

Inicio

Cómo crear un cuadro de diálogo para las páginas HTML

Cómo crear un cuadro de diálogo para las páginas HTML


Los cuadros de diálogo envían un mensaje de alerta a sus lectores del sitio web. programadores web utilizan JavaScript para crear cuadros de diálogo en páginas HTML. JavaScript es un lenguaje de script que se ejecuta en el ordenador del usuario y permite que el contenido dinámico en la página web. Los cuadros de diálogo de alerta pantalla utilizando una función de JavaScript interno denominado \ "alerta. \" La función de alerta le permite enviar un mensaje al usuario en cualquier página HTML.

Instrucciones

1 Cree su bloque de script JavaScript en la parte superior de la página HTML. Aunque se puede insertar un bloque de JavaScript en cualquier lugar de la página, que es estándar para insertarlo dentro de la \ "<head> \" y "</ head> \" etiquetas \. Inserte el siguiente código dentro de esas etiquetas:

<Script type = \ "text / javascript \"> </ script>

2 Añadir una función para mostrar un cuadro de diálogo de mensaje al usuario. El siguiente código utiliza la función \ "alerta \" para mostrar un cuadro de diálogo en el navegador:

<Script type = \ "text / javascript \">
funcionar myDialog ()
{
alerta (\ "Gracias por hacer clic en el botón. \")
IR
}
</ Script>

3 Añadir la función para el diálogo a un elemento de control en su página HTML. Se puede crear un cuadro de diálogo para cualquier elemento, como casillas de verificación, botones, imágenes y cuadros de radio. El siguiente código añade una función de cuadro de diálogo para un botón HTML:

<Input type = \ "botón de \" onclick = \ "myDialog () \">

Este código muestra el cuadro de diálogo cuando el usuario hace clic en el botón. Se puede visualizar un cuadro de diálogo mediante el evento \ "onclick \" para cualquier control HTML.