Når du åpner et hvilket som helst nettsted, kan det hende at det vises varslingsvinduer. Disse JavaScript-varselboksene er nyttige for å varsle brukere om noe viktig. Når en JavaScript-varslingsboks utløses, dukker det opp en liten boks og viser teksten du angir i din kode. I denne artikkelen vil vi se hvordan varselet i JavaScript fungerer, i følgende rekkefølge:
La oss begynne.
Pop-up-bokser i JavaScript
I JavaScript kan du finne tre typer popup-bokser:
Varselboks- En varslingsboks brukes for det meste for å sikre at informasjon kommer til brukeren. Når en varselboks dukker opp, må du klikke “OK” for å fortsette.
Bekreft boksen- En bekreftelsesboks er for det meste vant til bekrefte eller godta noe for brukeren. Når en bekreftelsesboks dukker opp, må brukeren klikke enten “OK” eller “Avbryt” for å fortsette. Hvis brukeren klikker “OK”, returnerer boksen sann. Hvis brukeren klikker 'Avbryt', returnerer ruten falsk.
Spør boks- En hurtigboks brukes av brukeren til skriv inn en verdi før du går inn på en side. Når en hurtigboks dukker opp, må brukeren klikke enten “OK” eller “Avbryt” for å fortsette etter at du har angitt en inngangsverdi. Hvis brukeren klikker “OK”, returnerer boksen inngangsverdien. Hvis brukeren klikker 'Avbryt', returnerer boksen null.
Dette var de forskjellige typene popup-bokser. Så la oss komme i dybden i varselboksen og se hvordan du kan opprette en varselsboks i JavaScript.
Varsel i JavaScript
De varsling() metode i JavaScript viser en varslingsboks med en spesifisert melding og en OK-knapp. Det blir ofte brukt for å sikre at informasjon kommer til brukeren.
Varslingsboksen tar fokuset bort fra det nåværende vinduet og tvinger nettleseren til å lese meldingen. Så du bør unngå å bruke denne metoden for mye, da den hindrer brukeren i å få tilgang til andre deler av siden til boksen er lukket.
Syntaks:
varsel (melding)
Her er meldingen en type som spesifiserer teksten som skal vises i varselboksen, eller en gjenstand konvertert til en streng og vises. Det er valgfritt.
hvordan du finner lengden på en matrise i javascript
Eksempel:
funksjon myFunction () {alert ('Dette er en varsel!')}Produksjon:
passere verdi og passere referanse java
Hvordan lage en varsel i JavaScript?
De varsling() metoden i JavaScript viser en varslingsboks. Den viser en spesifisert melding sammen med en OK knappen og brukes vanligvis for å sikre at brukeren får informasjonen. Den returnerer en streng som representerer teksten som skal vises i varselboksen. La oss ta et eksempel og se hvordan du lager et varsel i JavaScript:
Alert () Metode i JavaScript h1 {color: Blue} h2 {font-family: Impact} body {text-align: center}Varsel i JavaScript
For å vise varselmeldingen, klikk på 'Vis varselmelding' -knappen:
Vis varselmeldingsfunksjon myalert () {alert ('Dette er varselmeldingen!')}Produksjon:
Når du dobbeltklikker på knappen, får du følgende utdata:
Med dette har vi kommet til slutten av artikkelen vår. Jeg håper du forsto hva som er et varsel i JavaScript, og hvordan du kan opprette en varselsboks.
Sjekk ut vår som kommer med instruktørledet live-opplæring og reell prosjektopplevelse. Denne opplæringen gjør deg dyktig i ferdigheter til å jobbe med back-end og front-end web-teknologier. Det inkluderer opplæring i webutvikling, jQuery, Angular, NodeJS, ExpressJS og MongoDB.
Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i bloggen 'Varsel i JavaScript', så kommer vi tilbake til deg.