Det alert() metode i JavaScript bruges til at vise en virtuel advarselsboks. Det bruges mest til at give en advarsel til brugerne. Den viser en advarselsdialogboks, der består af en bestemt besked (som er valgfri) og en OK-knap. Når dialogboksen dukker op, skal vi klikke på 'OK' for at fortsætte.

Alarmdialogboksen tager fokus og tvinger brugeren til at læse den angivne besked. Så vi bør undgå at overbruge denne metode, fordi den forhindrer brugeren i at få adgang til de andre dele af websiden, indtil boksen er lukket.

Vi kan forstå nytten af ​​advarselsmetoden ved at bruge et eksempel. Antag, at vi skal udfylde en formular til et identitetskort. Den spørger om fødselsdatoen for berettigelseskriterierne for identitetskortet. Hvis alderen er 18 år eller derover, fortsætter processen. Ellers vil den vise en advarsel om, at alderen er under 18 år. Denne advarselsmeddelelse er 'Alert Box'.

Et andet eksempel er, at en bruger er forpligtet til at udfylde formularen, hvor nogle obligatoriske felter er påkrævet for at indtaste noget tekst, men brugeren glemmer at give input. Som en del af valideringen kan vi bruge advarselsdialogboksen til at vise en advarselsmeddelelse relateret til at udfylde tekstfeltet.

I stedet for at vise advarsler eller fejl, kan advarselsdialogboksen bruges til normale meddelelser som ' velkommen tilbage', 'Hej XYZ' , etc.

Syntaks

 alert(message) 

Værdier

besked: Det er en valgfri streng, der angiver den tekst, der skal vises i advarselsboksen. Det består af den information, som vi ønsker at vise til brugerne.

Lad os se nogle eksempler på JavaScript alert() metode.

Eksempel 1

I dette eksempel er der en simpel advarselsdialogboks med en besked og en OK-knap. Her er der en HTML-knap som bruges til at vise advarselsboksen. Vi bruger onclick attribut og kalder sjovt() funktion, hvor alert() er defineret.

 function fun() { alert (&apos;This is an alert dialog box&apos;); } <p> Click the following button to see the effect </p> 

Produktion

Når du har klikket på knappen, vil outputtet være -

Eksempel 2

I dette eksempel er der en advarselsdialogboks med en besked og en OK-knap. Her bruger vi linjeskiftene i beskeden i advarselsboksen. Linjeskiftene defineres ved at bruge ' ' . Linjeskiftene gør budskabet læsbart og klart. Vi skal klikke på den givne knap for at se effekten.

 function fun() { alert (' Hello World 
 Welcome to the javaTpoint.com 
 This is an alert dialog box &apos;); } <p> Click the following button to see the effect </p> 

Produktion

Når du har klikket på knappen, vil outputtet være -

Eksempel

I dette eksempel er der en advarselsdialogboks med en besked og en OK-knap. Her viser advarselsboksen URL'en på den tilsvarende side. URL'en defineres ved at bruge alert(placering.værtsnavn); udmelding.

 function fun() { alert(location.hostname); } <p> Click the following button to see the effect </p>