Munculan JavaScript

• Mungkin 4, 2024

JavaScript dirancang untuk menambahkan interaktivitas ke halaman web, jadi tidak mengherankan bahwa ia memiliki beberapa fungsi untuk membuatnya lebih mudah untuk mengumpulkan informasi dari dan menampilkannya kepada pengguna menggunakan kotak pop-up. Sebelum kita melihat kotak-kotak ini, perlu diingat bahwa sementara ini sering kali merupakan cara paling sederhana untuk mengumpulkan dan menampilkan informasi, mereka tidak selalu yang paling menarik atau ramah pengguna. Antara lain, pop-up mengharuskan pengguna untuk menekan tombol untuk menutup jendela setelah setiap pesan atau input - ini bisa menjadi cepat cepat. Juga, dari sudut pandang desain web, Anda benar-benar memiliki sedikit kontrol atas penyajian informasi dalam kotak pop-up. Yang mengatakan, di tempat yang tepat, dan digunakan dalam jumlah sedang, kotak pop-up dapat menjadi sederhana dan efektif.

Ada tiga jenis kotak munculan - lansiran, konfirmasi, dan prompt. Munculan yang paling sederhana dan paling umum digunakan adalah lansiran. Lansiran mengambil satu argumen - pesan ke pengguna. Ketika kotak peringatan muncul, pengguna tidak dapat melanjutkan sampai mereka menekan tombol "OK". Kode kotak peringatan sederhana:

lansiran ("Ini lansiran")



Kotak konfirmasi hanya sedikit lebih rumit. Seperti lansiran, konfirmasi mengambil satu argumen - pesan. Ketika kotak konfirmasi muncul, pengguna diberikan pilihan untuk menjawab dengan menggunakan tombol "OK" atau "Batal". Tidak seperti lansiran, konfirmasi memiliki nilai balik - 0 berarti pengguna menekan "Batal" dan 1 berarti "OK". Kode untuk kotak konfirmasi identik dengan kotak peringatan kecuali bahwa Anda ingin mengumpulkan nilai pengembalian entah bagaimana:

save_me = confirm ("Ini adalah pop-up konfirmasi")



Meskipun ini adalah pop-up yang paling rumit, prompt masih cukup sederhana. Prompt mengambil dua argumen - pesan ke pengguna dan nilai default (atau "" jika Anda tidak menginginkan nilai default.) Ketika kotak prompt muncul, pengguna dapat memasukkan informasi yang diminta dan tekan "OK". Ada juga tombol "Batal". Nilai kembali adalah respons pengguna. Jika pengguna membatalkan nilai kembali adalah batal. Jika mereka membiarkan kotak prompt kosong, nilai kembali akan menjadi string kosong (""). Anda mungkin ingin memeriksa nilai-nilai ini dan melakukan sesuatu yang istimewa daripada menggunakan batal atau string kosong sebagai respons mereka. Kode untuk kotak prompt adalah:

response = prompt ("Ini adalah prompt", "Tanggapi di sini")



Anda dapat melihat peragaan kotak sembulan ini di sini

---

Petunjuk Video: Cara Membuat Layar Pop Up 100% Responsive (Mungkin 2024).