JavaScript-popup-vinduer

• Kan 3, 2024

JavaScript ble designet for å legge til interaktivitet på websider, så det er ikke overraskende at det har flere funksjoner som gjør det enkelt å samle informasjon fra og vise den til en bruker ved hjelp av popup-bokser. Før vi ser på disse boksene, må du huske at selv om dette ofte er den enkleste måten å samle inn og vise informasjon, er de ikke nødvendigvis den mest attraktive eller brukervennlige. Pop-ups krever blant annet at brukeren trykker på en knapp for å lukke vinduet etter hver melding eller inngang - dette kan bli gammelt. Fra et webdesign synspunkt har du virkelig veldig liten kontroll over presentasjonen av informasjon i popup-bokser. Når det er sagt, på rett sted, og brukt i moderasjon, kan popup-bokser være både enkle og effektive.

Det er tre typer popup-bokser - varsle, bekrefte og be om. Den enkleste og mest brukte pop-up-enheten er våken. Alert tar ett argument - en melding til brukeren. Når en varselboks dukker opp, kan ikke brukeren fortsette før de trykker på "OK" -knappen. Koden for en varslingsboks er enkel:

alarm ("Dette er et varsel")



Bekreftelsesboksen er bare litt mer komplisert. Som varsel, bekrefter tar ett argument - meldingen. Når en bekreftelsesboks dukker opp, får brukeren valget mellom å svare med knappene "OK" eller "Avbryt". I motsetning til varsling, har bekreftelse en returverdi - 0 betyr at brukeren trykket på "Avbryt" og 1 betyr "OK". Koden for en bekreftelsesboks er identisk med en varselboks bortsett fra at du på en eller annen måte vil samle returverdien:

save_me = bekreft ("Dette er en bekreftende pop-up")



Selv om det er det mest kompliserte av popup-vinduene, er ledeteksten fremdeles ganske enkel. Spørring tar to argumenter - en melding til brukeren og en standardverdi (eller "" hvis du ikke vil ha noen standardverdi.) Når ledeteksten dukker opp, kan brukeren legge inn ønsket informasjon og trykke "OK". Det er også en "Avbryt" -knapp. Returverdien er brukerens svar. Hvis brukeren kansellerer er returverdien null. Hvis de lar ledeteksten være tom, vil returverdien være den tomme strengen (""). Du vil sannsynligvis se etter disse verdiene og gjøre noe spesielt i stedet for å bruke null eller den tomme strengen som deres svar. Koden for en ledetekst er:

respons = ledetekst ("Dette er en ledetekst", "Svar her")



Du kan se en demonstrasjon av disse popup-boksene her

---

Video Instruksjoner: iPhone 6: How to Enable / Disable Block Popups in Safari (Kan 2024).