„JavaScript“ iššokantys langai

• Gegužė 13, 2024

„JavaScript“ buvo sukurta taip, kad į tinklalapius pridėtų interaktyvumo, todėl nenuostabu, kad ji turi keletą funkcijų, leidžiančių lengvai rinkti informaciją iš vartotojo ir rodyti ją vartotojui naudojant iššokančius langus. Prieš apžiūrėdami šias dėžutes, atminkite, kad nors tai dažnai yra paprasčiausias informacijos rinkimo ir rodymo būdas, jos nebūtinai yra patraukliausios ar patogiausios naudoti. Be kita ko, iššokantieji langai reikalauja, kad vartotojas paspauskite mygtuką, kad uždarytų langą po kiekvieno pranešimo ar įvesties - tai gali greitai pasenti. Be to, kalbant apie interneto dizainą, jūs labai mažai kontroliuojate informacijos pateikimą iššokančiose dėžutėse. Taigi, tinkamoje vietoje ir naudojami saikingai, iššokantys langai gali būti ir paprasti, ir veiksmingi.

Yra trys iškylančiųjų langų tipai - perspėti, patvirtinti ir paraginti. Paprasčiausias ir dažniausiai naudojamas iššokantis popierius yra įspėjamasis. Įspėjimas reiškia vieną argumentą - pranešimą vartotojui. Kai pasirodo įspėjimo langas, vartotojas negali tęsti tol, kol nepaspaudžia „OK“ mygtuko. Įspėjimo langelio kodas yra paprastas:

perspėjimas („Tai yra perspėjimas“)



Patvirtinimo laukelis yra tik šiek tiek sudėtingesnis. Kaip ir perspėjimas, patvirtinimas trunka vieną argumentą - pranešimą. Kai pasirodo patvirtinimo langelis, vartotojui suteikiama galimybė atsakyti naudojant mygtukus „Gerai“ arba „Atšaukti“. Skirtingai nuo perspėjimo, patvirtinimas turi grįžtamąją vertę - 0 reiškia, kad vartotojas paspaudė „Atšaukti“, o 1 reiškia „Gerai“. Patvirtinimo laukelio kodas yra identiškas perspėjimo laukeliui, išskyrus tai, kad norite kažkaip surinkti grąžinimo vertę:

save_me = patvirtinti („Tai yra patvirtinimo iššokantis langas“)



Nors jis yra pats sudėtingiausias iš iššokančiųjų langų, vis tiek yra gana paprastas. Raginimas pateikia du argumentus - pranešimą vartotojui ir numatytąją vertę (arba „“, jei nenorite, kad būtų nustatyta numatytoji reikšmė.) Kai pasirodo langas, vartotojas gali įvesti reikalaujamą informaciją ir paspausti „Gerai“. Taip pat yra mygtukas „Atšaukti“. Grąžinimo vertė yra vartotojo reakcija. Jei vartotojas atšaukia grąžinimo vertė yra niekinis. Jei jie paliks užklausos langelį tuščią, grąžinimo vertė bus tuščia eilutė (""). Tikriausiai norite patikrinti šias vertybes ir padaryti ką nors ypatingo, o ne naudoti niekinis arba tuščia eilutė kaip jų atsakymas. Raginimo laukelio kodas yra:

response = prompt („Tai yra raginimas“, „Atsakyk čia“)



Šių iššokančiųjų langų demonstraciją galite peržiūrėti čia

---

Vaizdo Instrukcijos: meteor.js by Roger Zurawicki (Gegužė 2024).