Pojavna okna JavaScript

• Maj 18, 2024

JavaScript je bil zasnovan tako, da spletnim stranem doda interaktivnost, zato ne preseneča, da ima več funkcij za poenostavitev zbiranja informacij in prikazovanja uporabniku s pomočjo pojavnih okenc. Preden si ogledamo te škatle, ne pozabite, da čeprav so ti pogosto najpreprostejši način zbiranja in prikaza informacij, niso nujno najbolj privlačni ali uporabniku prijazni. Med drugim pojavna okna od uporabnika zahtevajo, da pritisne gumb, da zapre okno po vsakem sporočilu ali vnosu - to se lahko hitro stara. Tudi z vidika spletnega oblikovanja imate resnično zelo malo nadzora nad predstavitvijo informacij v pojavnih okencih. Povedano, na pravem mestu in se uporabljajo v zmernih količinah, so pojavna okna lahko preprosta in učinkovita.

Obstajajo tri vrste pojavnih oken - opozorilo, potrditev in poziv. Najpreprostejši in najpogosteje uporabljeni pojavni oken je opozorilo. Opozorilo ima en argument - sporočilo uporabniku. Ko se pojavi opozorilno polje, uporabnik ne more nadaljevati, dokler ne pritisne gumba »V redu«. Koda za opozorilno polje je preprosta:

opozorilo ("To je opozorilo")



Potrditveno polje je le nekoliko bolj zapleteno. Kot opozorilo, potrditev ima en argument - sporočilo. Ko se pojavi potrditveno polje, se uporabniku omogoči izbira odgovora z gumbom »V redu« ali »Prekliči«. Za razliko od opozorila ima potrdilo povratno vrednost - 0 pomeni, da je uporabnik pritisnil "Prekliči" in 1 pomeni "V redu". Koda za potrditveno polje je identična opozorilnemu polju, le da želite nekako zbrati vrnjeno vrednost:

save_me = potrdite ("To je potrditveno okno")



Čeprav je pojavna okna najbolj zapletena, je poziv vseeno precej preprost. Poziv vsebuje dva argumenta - sporočilo uporabniku in privzeto vrednost (ali "" če ne želite privzete vrednosti.) Ko se pojavi poziv, lahko uporabnik vnese zahtevane podatke in pritisne "OK". Obstaja tudi gumb "Prekliči". Povratna vrednost je odziv uporabnika. Če uporabnik prekliče, se vrne vrednost nič. Če polje pušča prazno, bo vrnjena vrednost prazen niz (""). Verjetno želite preveriti te vrednosti in namesto uporabe narediti nekaj posebnega nič ali prazen niz kot njihov odgovor. Koda za hitro okence je:

response = prompt ("To je poziv", "Odgovori tukaj")



Predstavitev teh pojavnih okenc si lahko ogledate tukaj

---

Navodila Video: Javascript V - vyskakovací okna - popups (Maj 2024).