Pop-Up JavaScript

• Mungkin 2, 2024

JavaScript direka untuk menambah interaktiviti ke laman web, jadi tidak menghairankan bahawa ia mempunyai beberapa fungsi untuk menjadikannya mudah untuk mengumpulkan maklumat dan memaparkannya kepada pengguna menggunakan kotak pop timbul. Sebelum kita melihat kotak-kotak ini, perlu diingat bahawa walaupun ini adalah cara paling mudah untuk mengumpul dan memaparkan maklumat, mereka tidak semestinya yang paling menarik atau mesra pengguna. Antara lain, pop-up memerlukan pengguna untuk menekan butang untuk menutup tetingkap selepas setiap mesej atau input - ini boleh mendapat cepat lama. Selain itu, dari sudut pandangan reka bentuk web, anda benar-benar mempunyai sedikit kawalan terhadap penyampaian maklumat dalam kotak pop timbul. Yang berkata, di tempat yang betul, dan digunakan secara sederhana, kotak pop timbul boleh menjadi mudah dan berkesan.

Terdapat tiga jenis kotak timbul - amaran, mengesahkan, dan pantas. Pop timbul yang paling mudah, dan paling biasa digunakan adalah berjaga-jaga. Pemberitahuan mengambil satu hujah - mesej kepada pengguna. Apabila kotak amaran muncul, pengguna tidak boleh meneruskan sehingga mereka menekan butang "OK". Kod untuk kotak amaran adalah mudah:

amaran ("Ini adalah amaran")



Kotak pengesahan hanya sedikit lebih rumit. Seperti berjaga-jaga, sahkan satu hujah - mesej. Apabila kotak pengesahan muncul, pengguna diberi pilihan menjawab menggunakan butang "OK" atau "Batal". Tidak seperti isyarat, sahkan mempunyai nilai pulangan - 0 bermakna pengguna menekan "Batal" dan 1 bermaksud "OK". Kod untuk kotak pengesahan adalah sama dengan kotak amaran kecuali bahawa anda ingin mengumpul nilai pulangan entah bagaimana:

save_me = confirm ("Ini adalah pop konfirmasi")



Walaupun ia adalah yang paling rumit daripada pop-up, cepat masih agak mudah. Prompt mengambil dua hujah - mesej kepada pengguna dan nilai lalai (atau "" jika anda mahu tiada nilai lalai.) Apabila kotak petanda timbul, pengguna boleh memasukkan maklumat yang diminta dan tekan "OK". Terdapat juga butang "Batal". Nilai pulangan adalah tindak balas pengguna. Jika pengguna membatalkan nilai pulangan adalah null. Jika mereka meninggalkan kotak petikan kosong, nilai pulangan akan menjadi rentetan kosong (""). Anda mungkin ingin menyemak nilai-nilai ini dan melakukan sesuatu yang istimewa dan bukannya menggunakannya null atau rentetan kosong sebagai tindak balas mereka. Kod untuk kotak petikan ialah:

response = prompt ("Ini adalah prompt", "Respond here")



Anda boleh melihat demonstrasi kotak pop timbul di sini

---

Arahan Video: Build a Popup With JavaScript (Mungkin 2024).