Typer popup -bokser i JavaScript

Typer popup -bokser i JavaScript
JavaScript gir flere forhåndsdefinerte funksjoner som brukes til å demonstrere meldinger til forskjellige formål. I JavaScript brukes popup -boksene til å vise enkle varsler, for å få brukerens inngang eller bekreftelse osv. Alt i alle popup -boksene brukes til å varsle, varsle eller advare brukerne. Når en popup-boks vises, vil du ikke kunne utføre noen annen operasjon før du lukker den popup-. I JavaScript, Alert Box, Prompt Box og Confirm -boksen er de tre typene av popup -boksene.

I denne oppskrivningen vil vi forstå de nedenfor-listede aspektene ved popup-bokser i JavaScript:

  • Hva er en varslingsboks og hvordan du bruker den i JavaScript?
  • Hva er en hurtigboks og hvordan den fungerer i JavaScript?
  • Hva er en bekreftelsesboks og hvordan den fungerer i JavaScript?

Så la oss begynne!

Hva er en varslingsboks og hvordan du bruker den i JavaScript?

Det er en type popup -boks som brukes til å vise en varslingsvarsling til brukeren. En varslingsboks vises i det øverste midten av det visuelle grensesnittet. Når en varslingsboks vises, stopper den utførelsen av andre deler av programmet til brukeren klikker på “OK” knapp. Den grunnleggende syntaks for varslingsboksen vises i det undergitte utdraget:

Varsel ("Varsel om varsel");

Ovennevnte utdrag viser at vi må overføre varselet/advarselen til varslingsmetoden.

Eksempel
Kodebiten nedenfor vil hjelpe deg med å forstå hvordan varslingsbokser fungerer i JavaScript:




Varslingsbokseksempel





I dette programmet benyttet vi Alert () -metoden og ga den en melding “Velkommen til Linuxhint.com ”. Som et resultat vil vi få følgende utdata:

Ovennevnte "gif" viser at når vi klikket på knappen "KLIKK PÅ MEG", Følgelig genererer den en popup-boks som viser den spesifiserte brukeren.

Hva er en hurtigboks og hvordan den fungerer i JavaScript?

I JavaScript er hurtigboksen en type popup -boks som brukes til å få brukerens innspill. En hurtigboks vises i det øverste midten av det visuelle grensesnittet. Følgende vil være syntaks for hurtigboksen i JavaScript:

hurtig ("hurtig varsel");

Eksempel
Det undergitte programmet vil guide deg til å forstå hvordan hurtig bokser fungerer i JavaScript:




Hurtigbokseksempel





I dette eksemplet benyttet vi metoden () og sendte den en varsel "Skriv inn passord". Følgelig vil vi få følgende utdata:

Ovennevnte “gif” viser at når vi klikker på knappen "KLIKK PÅ MEG", Følgelig genererer den en pop -up -boks som ber brukeren om å "legge inn passord".

Hva er en bekreftelsesboks og hvordan den fungerer i JavaScript

Bekreftboks er en type popup -boks som brukes til å ta brukerens tillatelse/autorisasjon. Utdraget nedenfor viser hvordan du bruker bekreftelsesboksen i JavaScript:

Bekreft ("Bekreftelsesvarsling");

Eksempel
Den undergitte kodebiten vil hjelpe deg å forstå hvordan bekreftelsesboksen fungerer i JavaScript:




Bekreft bokseksempel





I kodeblokken ovenfor benyttet vi bekreftelsen () for å bekrefte brukerens alder:

Ovennevnte utdrag viser hensiktsmessigheten av bekreftelsesboksen i JavaScript.

Konklusjon

I JavaScript er det tre typer popup -bokser som brukes til å vise enkle varsler, for å få brukerens inngang eller brukers bekreftelse osv. Med enkle ord brukes popup-boksene til å varsle, varsle eller advare brukerne. Denne oppskrivningen ga en detaljert guide til de forskjellige typene av popup-boksene i JavaScript.