En el código JavaScript, puede usar la función alert () del objeto Window para mostrar una pieza de texto, para depurar el programa o advertir al usuario sobre la información relevante:
La copia del código es la siguiente:
// Usar la función de alerta del objeto de ventana
Window.alert ("Texto de muestra");
Este método de escritura se puede simplificar para usar la función alert () directamente:
La copia del código es la siguiente:
// Uso de alerta simplificada ()
alerta ("texto de muestra");
Si necesita mostrar texto con nuevas líneas, puede usar /n:
La copia del código es la siguiente:
// use /n en alerta ()
alerta ("La primera línea/nthe Second Line");
Si necesita usar caracteres TAB, puede usar /t:
La copia del código es la siguiente:
// use /t en alerta ()
alerta ("Alex/T50/T34/NBOB/T59/T38");
Uso de variables
Además de mostrar cadenas estáticas, la función alerta () también puede aceptar variables y valores de variables de empalme con otras cadenas:
La copia del código es la siguiente:
// Use la variable en alerta ()
var word = "vida";
alerta ("La palabra mágica es:" + palabra + ". No se asuste");
Desafortunadamente, aunque la función alert () puede aceptar variables, solo puede hacer esta operación de empalme de cadena; Al contrario a otro método de depuración console.log (), la función alert () no acepta la práctica de pasar parámetros a las cadenas. El siguiente código es un ejemplo:
La copia del código es la siguiente:
// intenta usar el parámetro en alerta (), fallará
var name = "bob";
VAR años = 42;
alerta (" %s es %d años", nombre, años);
Si la función alert () acepta que pasa la cadena, la salida esperada será "Bob tiene 42 años". Pero, de hecho, la función alert () no admite esto, por lo que la salida final es " %s es %d años de edad".
Estilo de ventana emergente
Dado que el cuadro emergente utilizado por la función alert () es un objeto del sistema de navegador en lugar de un objeto de documento web, es imposible definir el estilo del cuadro emergente utilizando etiquetas HTML en la función alert (): la etiqueta HTML se mostrará intacta. Para el siguiente código:
La copia del código es la siguiente:
// intenta usar etiquetas HTML en alerta (), fallará
alerta ("<b> texto de prueba </b>");
La salida no es un "texto de prueba" audaz.
Si realmente necesita cambiar el estilo del cuadro de advertencia, hay dos opciones:
1. Use caracteres Unicode en la función alert (). La ventaja de esta solución es que es muy simple de implementar, pero sus limitaciones también son obvias: los caracteres Unicode tienen una expresividad muy limitada.
2. En lugar de usar la función alert (), use los componentes HTML para simular cuadros emergentes (como usar el cuadro de diálogo JQuery UI). La ventaja de esta solución es que el cuadro emergente será muy expresivo, pero el uso aumentará la complejidad del código frontal.
Conclusión
La función alert () se puede usar para alertar a los usuarios o a depurar programas. Para el primero, el uso de componentes como el diálogo JQuery UI puede aumentar en gran medida la expresividad y la experiencia del usuario; Para este último, porque el cuadro emergente alert () bloqueará la ejecución del código JavaScript, en muchos casos, usando console.log () para depurar el programa es una mejor solución.