HTML-koding for et Alert Box

Ved hjelp av HTML og Javascript-kode, kan utviklere lage varslingsbokser til å dukke opp når brukere kommuniserer med Web sideelementer. HTML-elementer på en side kan inkludere hendelsen lytteren attributter oppdage brukermedvirkning. Når denne brukermedvirkning skjer, kan HTML-koden angir en Javascript-funksjon til å utføre. Denne Javascript-funksjonen kan inneholde kode for å vise en varselboks for brukeren, som kan vise en melding og en knapp.

Alert Syntax

Varslingsfunksjonen i Javascript ber nettleseren for å vise en pop-up boks som er atskilt til siden som vises. Når brukeren ser varselboks, kan de klikke på knappen i den for å avvise den. tilbake til siden. Følgende eksempelJavaScript-koden demonstrerer opprette et varsel boks innen en webside:

alert ( "Dette er et varsel");

Når denne koden utfører, vil varselboks vises.

Beskjed

Den varselboks skapt gjennom HTML og Javascript kan vise en melding. Utviklere kan omfatte meldingen som en parameter til varsling, lister den opp som en strengverdi. Alternativt kan meldingen inneholde variabler som i følgende eksempel kode:

Var theMessage = "Hello there";

alert (theMessage);

Meldingen kan eventuelt inkludere flere variable referanser i forbindelse med strenger som følger:

Var msgOne = "Hei!";

Var msgTwo = "Dette er et varsel ...";

alert (msgOne + "" + msgTwo);

Javascript-funksjonen

I de fleste tilfeller utviklere inkludere sine varslingssamtaler i Javascript-funksjoner. Web-sider kan inkludere Javascript-kode seksjoner i hodet og kroppen områder eller kan alternativt vise koden i separate skriptfiler linket til fra siden hodedelen. Følgende eksempelkode demonstrerer blant annet en Javascript-funksjon med et varsel kommando inni den:

funksjon showMessage (messageText) {

alert (messageText);

}

Denne koden mottar meldingen skal vises som en parameter. Dette betyr at koden seksjon kaller funksjonen må gi meldingsteksten og gi det som en parameter når det kaller funksjonen.

samtaler

Utviklere inkluderer ofte hendelses attributter i HTML-elementer, kaller Javascript-funksjoner på brukermedvirkning. For eksempel skaper følgende HTML markup-kode på en knapp inngang element med en hendelse lytteren attributt:

<Input type = "button" onclick = "showMessage ( 'trykket')" value = "Trykk Me" />

Denne koden instruerer nettleseren til å lytte til brukeren klikke på knappen, og deretter ringe Javascript-funksjonen er spesifisert, passerer den teksten parameter. Når siden lastes og brukeren klikker på knappen, vil en varselboks vises med meldingen "presset" vises i det. Koden veksler mellom enkle og doble anførselstegn for å skille mellom funksjonskall og parameterverdien.