JavaScripti hüpikaknad

• Aprill 28, 2024

JavaScripti eesmärk oli lisada veebilehtedele interaktiivsust, nii et pole üllatav, et sellel on mitu funktsiooni, mis muudavad teabe kogumise ja kasutajale hüpikkastide abil kuvamise lihtsaks. Enne kui vaatame neid kaste, pidage meeles, et kuigi need on teabe kogumiseks ja kuvamiseks sageli kõige lihtsam viis, pole need tingimata kõige atraktiivsemad ega kasutajasõbralikumad. Muu hulgas nõuavad hüpikud, et kasutaja vajutaks nuppu pärast iga teate või sisestuse akna sulgemist - see võib kiiresti vananeda. Samuti on teil veebikujunduse vaatenurgast hüpikkastides teabe esitamise üle tõesti väga vähe kontrolli. Kuid hüpikaknad võivad olla õiges kohas ja kasutada mõõdukalt - nii lihtsad kui ka tõhusad.

Hüpikkaste on kolme tüüpi - märguanne, kinnitus ja kiire. Kõige lihtsam ja kõige sagedamini kasutatav hüpikaken on valvas. Märguanne võtab ühe argumendi - sõnumi kasutajale. Kui alarmiboks hüppab, ei saa kasutaja jätkata, kuni ta ei vajuta nuppu "OK". Märguandekasti kood on lihtne:

Alert ("See on märguanne")



Kinnituskast on vaid pisut keerulisem. Nagu märguanne, võtab kinnitus ühe argumendi - sõnumi. Kui ilmub kinnituskast, valitakse kasutajale nuppude "OK" või "Tühista" abil vastamine. Erinevalt märguandest on kinnitamisel tagastatav väärtus - 0 tähendab, et kasutaja vajutas nuppu "Tühista" ja 1 tähendab "OK". Kinnituskasti kood on identne häireväljaga, välja arvatud see, et soovite tagasiväärtuse kuidagi koguda:

save_me = kinnita ("See on kinnitushüpik")



Ehkki see on hüpikakendest kõige keerulisem, on kiire siiski üsna lihtne. Viip võtab vastu kaks argumenti - teade kasutajale ja vaikeväärtus (või "", kui te ei soovi vaikeväärtust.) Kui viip kasti ilmub, saab kasutaja sisestada nõutud teabe ja vajutada "OK". Samuti on nupp "Tühista". Tagastatav väärtus on kasutaja vastus. Kui kasutaja tühistab, on tagastamisväärtus: null. Kui nad jätavad viipikasti tühjaks, on tagastamise väärtuseks tühi string (""). Tõenäoliselt soovite neid väärtusi kontrollida ja teha midagi erilist, mitte kasutada null või tühi string nende vastusena. Viipikasti kood on:

vastus = kiire ("See on kiire", "Vasta siin")



Nende hüpikakende tutvustamist saate vaadata siit

---

Video Juhiseid: Web Programming - Computer Science for Business Leaders 2016 (Aprill 2024).