De varna() metod i JavaScript används för att visa en virtuell varningsruta. Det används mest för att ge ett varningsmeddelande till användarna. Den visar en varningsdialogruta som består av ett visst meddelande (vilket är valfritt) och en OK-knapp. När dialogrutan dyker upp måste vi klicka på 'OK' för att fortsätta.

Varningsdialogrutan tar fokus och tvingar användaren att läsa det angivna meddelandet. Så vi bör undvika att överanvända den här metoden eftersom den hindrar användaren från att komma åt de andra delarna av webbsidan tills rutan stängs.

Vi kan förstå användbarheten av varningsmetoden med ett exempel. Anta att vi måste fylla i ett formulär för ett identitetskort. Den frågar om födelsedatum för behörighetskriterierna för identitetskortet. Om åldern är 18 år eller äldre kommer processen att fortsätta. Annars kommer det att visa ett varningsmeddelande om att åldern är under 18 år. Detta varningsmeddelande är 'Alert Box'.

Ett annat exempel är att anta att en användare måste fylla i formuläret där vissa obligatoriska fält krävs för att ange viss text, men användaren glömmer att lämna in inmatningen. Som en del av valideringen kan vi använda varningsdialogrutan för att visa ett varningsmeddelande relaterat till att fylla i textfältet.

Istället för att visa varningarna eller felen kan varningsdialogrutan användas för vanliga meddelanden som ' välkommen tillbaka', 'Hej XYZ' , etc.

Syntax

 alert(message) 

Värderingar

meddelande: Det är en valfri sträng som anger texten som ska visas i varningsrutan. Den består av den information som vi vill visa för användarna.

Låt oss se några exempel på JavaScript alert() metod.

Exempel1

I det här exemplet finns det en enkel varningsdialogruta med ett meddelande och en OK-knapp. Här finns en HTML-knapp som används för att visa varningsrutan. Vi använder onclick attribut och anropa roligt() funktion där varna() är definierad.

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

Produktion

Efter att ha klickat på knappen kommer utgången att vara -

Exempel 2

I det här exemplet finns en varningsdialogruta med ett meddelande och en OK-knapp. Här använder vi radbrytningarna i meddelandet i varningsrutan. Radbrytningarna definieras med hjälp av ' ' . Radbrytningarna gör budskapet läsbart och tydligt. Vi måste klicka på den givna knappen för att 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

Efter att ha klickat på knappen kommer utgången att vara -

Exempel

I det här exemplet finns en varningsdialogruta med ett meddelande och en OK-knapp. Här visar varningsrutan webbadressen till motsvarande sida. URL-adressen definieras med hjälp av alert(plats.värdnamn); påstående.

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