Popup -bokser i JavaScript

JavaScript er et nettprogrammeringsspråk på høyt nivå som gir websider og webapplikasjoner interaktivitet. JavaScript tilbyr innebygde globale funksjoner som brukes til å vise meldinger for en rekke formål. De forskjellige popup -boksene som er tilgjengelige i JavaScript kan brukes til å varsle, advare brukere, så vel som for å vise en enkel melding eller ta brukerens bekreftelse eller brukerens innspill. Popup-bokser blir ikke brukt altfor når de stopper andre deler av programmet til popup-en er stengt.

Det er tre forskjellige popup -bokser tilgjengelig i JavaScript; Varsel, spør og bekrefte boksen, og vi vil utforske hver av popup -boksene i dette innlegget.

Hva er varslingsboksen?

Varslingsboksen er en boks som er vist øverst i nettleservinduet, og den brukes hovedsakelig for å vise advarsler for brukeren. Andre deler av programmet vil slutte å utføre med mindre brukeren lukker varslingsboksen. For å lukke Popup Box for Alert, klikker du bare på OK -knappen som er til stede i varslingsboksen. De Syntaks For varslingsboksen er:

Varsel ("Advarsel");

La oss se et eksempel der vi viser en Hallo! Melding i varslingsboksen. JavaScript -koden er til stede nedenfor:

Klikk på meg

I koden ovenfor definerte vi en knapp og initialiserte en ved trykk Hendelse på det som betyr når brukeren klikker på Klikk på meg knapp, myfunc () vil utføre. Etter initialiseringen av knappekoden, initialiserte vi skriptetoden der all vår JavaScript -kode vil være til stede. Inne i skriptkodene definerte vi en funksjon og inne i funksjonen, viste vi et varsel som ga den meldingen om Hallo! Utgangen fra ovennevnte kode er vist nedenfor:

Vi kan se at når brukeren klikker på knappen, er Hallo! Varsel dukket opp.

Hva er hurtigboksen?

Promptboksen brukes hovedsakelig til å få innspill fra en bruker og vises øverst i nettleseren når den påkalles. Inngangsdataene er også tilgjengelig etter at vi lukker ledeteksten, og hvis du lar inndatafeltet være tomt, vil den returnere en nullverdi. Syntaksen for hurtigboksen er:

hurtig ("hurtig melding her");

La oss gå gjennom et eksempel for å bedre forstå hurtigboksen.

Klikk på meg

I koden ovenfor tar vi en inndata ved hjelp av ledeteksten og lagrer den til variabelnavnet. Etter at navnet er lagret, konsolerer vi brukernavnet som ble lagt inn. Utgangen fra ovennevnte kode er nedenfor:

Vi vil se navnet på konsollvinduet nå:

Hva er en bekreftelsesboks?

Den tredje og siste typen popup -boksen JavaScript tilbyr oss er bekreftelsesboksen hvis funksjon er å få tillatelse eller autorisasjon fra brukeren. Hvis brukeren gir tillatelse, må han/hun klikke på OK -knappen, ellers må han/hun klikke på avbryt -knappen. De Syntaks For bekreftelsesboks er:

Bekreft ("Tillatelse går hit");

La oss nå gå gjennom et eksempel på bekreftelsesboksen.

Klikk på meg

I koden ovenfor, inne i funksjonen, sjekker vi om brukeren klikket på “OK” Knapp eller avbryt -knappen. Hvis brukeren klikker på Ok knapp så får vi se “Ok presset!” I konsollloggen ellers får vi se "Avbryt!” I konsollloggen.

La oss se utdataene i konsollloggen når vi klikker på OK -knappen i bekreftelsesboksen:

La oss nå se utdataene når vi klikker på avbryt -knappen i konsollloggen:

Konsollen viser følgende utgang:

Konklusjon

JavaScript tilbyr oss tre typer popup-bokser som brukes til å vise en melding, advarsel eller varsel til en bruker som bruker vår webapplikasjon eller webside. De tre popup -boksene er; Varsel, spør og bekreft boksen. Varslingsboksen brukes til å vise en advarsel til en bruker, mens den hurtige popup -boksen brukes til å ta innspill fra brukeren og den endelige bekreftelsesboksen brukes til å ta tillatelse fra en bruker.

I dette innlegget diskuterte vi de tre popup -boksene i JavaScript sammen med implementeringen og skjermbildene av utdataene i JavaScript.