El alerta () El mètode de JavaScript s'utilitza per mostrar un quadre d'alerta virtual. S'utilitza principalment per donar un missatge d'advertència als usuaris. Mostra un quadre de diàleg d'alerta que consta d'un missatge especificat (que és opcional) i un botó D'acord. Quan aparegui el quadre de diàleg, hem de fer clic a 'D'acord' per continuar.
El quadre de diàleg d'alerta pren el focus i obliga l'usuari a llegir el missatge especificat. Per tant, hem d'evitar l'ús excessiu d'aquest mètode perquè impedeix que l'usuari accedeixi a les altres parts de la pàgina web fins que es tanqui la caixa.
Podem entendre la utilitat del mètode d'alerta utilitzant un exemple. Suposem que hem d'omplir un formulari per a una targeta d'identitat. Pregunta sobre la data de naixement per als criteris d'elegibilitat del carnet d'identitat. Si l'edat és de 18 anys o més, el procés continuarà. En cas contrari, mostrarà un missatge d'advertència que l'edat és menor de 18 anys. Aquest missatge d'advertència és el 'Quadre d'avís'.
Un altre exemple és suposem que un usuari ha d'omplir el formulari en el qual es requereixen alguns camps obligatoris per introduir text, però l'usuari s'oblida de proporcionar l'entrada. Com a part de la validació, podem utilitzar el quadre de diàleg d'alerta per mostrar un missatge d'advertència relacionat amb omplir el camp de text.
En lloc de mostrar els avisos o errors, el quadre de diàleg d'alerta es pot utilitzar per a missatges normals com ara ' benvingut de nou', 'Hola XYZ' , etc.
Sintaxi
alert(message)
Valors
missatge: És una cadena opcional que especifica el text que es mostrarà al quadre d'alerta. Consisteix en la informació que volem mostrar als usuaris.
Vegem-ne alguns exemples JavaScript mètode alert().
Exemple 1
En aquest exemple, hi ha un quadre de diàleg d'alerta senzill amb un missatge i un botó D'acord. Aquí, hi ha un botó HTML que s'utilitza per mostrar el quadre d'alerta. Estem utilitzant el fent clic atribut i crida el diversió() funció on el alerta () està definit.
function fun() { alert ('This is an alert dialog box'); } <p> Click the following button to see the effect </p> Prova-ho ara Sortida
Després de fer clic al botó, la sortida serà -
Exemple 2
En aquest exemple, hi ha un quadre de diàleg d'alerta amb un missatge i un botó D'acord. Aquí, estem utilitzant els salts de línia al missatge del quadre d'alerta. Els salts de línia es defineixen mitjançant l' ' ' . Els salts de línia fan que el missatge sigui llegible i clar. Hem de fer clic al botó donat per veure l'efecte.
function fun() { alert (' Hello World
Welcome to the javaTpoint.com
This is an alert dialog box '); } <p> Click the following button to see the effect </p> Prova-ho ara Sortida
Després de fer clic al botó, la sortida serà -
Exemple
En aquest exemple, hi ha un quadre de diàleg d'alerta amb un missatge i un botó D'acord. Aquí, el quadre d'alerta mostra l'URL de la pàgina corresponent. L'URL es defineix mitjançant l' alerta(location.hostname); declaració.
function fun() { alert(location.hostname); } <p> Click the following button to see the effect </p> Prova-ho ara