Artículos
Javascript

Mostrar avisos en JavaScript

15/Dic/2006

Si estamos pensando el mostrar avisos en Javascript caeremos en la cuenta de que dentro de un formulario de datos en una página HTML se nos va a dar el caso en el que avisemos al usuario del resultado de la validación del mismo. Una de las soluciones, veremos que quizás no la mejor según el caso, será el sacar un aviso en una ventana o cuadro emergente, utilizando técnicas Javascript.

Y es que en este caso, el modelo DOM Level 0 nos ofrece sobre el objeto Window con un método denominado alert. Dicho método nos servirá para mostrar un mensaje emergente de aviso en la pantalla.

window.alert("mensaje")

En los navegadores el objeto Window se suele dar por supuesto y nos valdría poner también el alert sin hacer referencia al objeto Window.

Quedándonos la siguiente línea de código:

alert("mensaje");

Es curioso el que DOM Level 0 no es parte de ninguna especificación ni estándar. Sino que viene a reflejar un conjunto de funcionalidades que se pueden encontrar en NetScape Navigator 3 e Internet Explorer 3. Y que sus sucesivas versiones han ido manteniendo.

La anterior línea de código viene a generar una pantalla emergente y modal (no podremos ir a ninguna otra ventana hasta que pulsemos el botón) con el texto que se ha pasado como parámetro.

De esta forma, el siguiente código:

window.alert("Esto es un mensaje de texto");

Producirá la siguiente salida por pantalla:

En Internet Explorer lo veremos de esta forma…

https://lineadecodigo.com/wp-content/uploads/2006/12/alert_ie.jpg

Y en FireFox lo veremos de esta otra…

https://lineadecodigo.com/wp-content/uploads/2006/12/alert_firefox.jpg

Como podemos ver el titulo de la ventana varía dependiendo del navegador que estemos utilizando. Y, por desgracia, no podemos cambiarle. Por lo menos a día de hoy.

De esta forma hemos visto lo sencillo que es utilizar el método alert para poder mostrar avisos en Javascript dentro de nuestras páginas web.

Código Mostrar avisos en JavaScript

https://github.com/victorcuervo/lineadecodigo_javascript/blob/master/basicos/avisos.html

Mostrar avisos en JavaScript
Mostrar avisos en JavaScript

Código Fuente

Descárgate el código fuente de Mostrar avisos en JavaScript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
6 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios