Menampilkan Kotak Dialog Menggunakan Fitur Window

Dengan BOM via objek window anda bisa membuat suatu kotak dialog sederhana yang memungkinkan pengguna mengetahui sesuatu atau untuk menanyakan suatu pertanyaan sederhana.

Ada tiga tipe kotak dialog yang didukung oleh semua browser utama: alert(), confirm(), dan prompt(). Anda bisa mengakses ketiga tipe kotak dialog itu tanpa atau menggunakan prefix window.

Alert()
Kotak dialog yang sangat simple adalah kotak dialog Alert, tipe ini umumnya hanya digunakan menampilkan sesuatu yang mungkin pengguna untuk diketahui, contohnya:

<A HREF="http://www.google.com" ONCLICK="alert('Visit to Google.com.');">Visit to Google.com</A>

Nantinya, ketika pengguna mengklik, dia akan melihat kotak kecil yang hanya berisi pesan dan satu tombol bertuliskan OK.

Confirm()
Jika anda ingin memberikan pengguna pilihan, gunakan confirm(), yang dapat diterapkan dalam satu ekspresi seperti contoh ini:

<A HREF="http://www.google.com" ONCLICK="if(confirm('Ingin lanjut?')==true){alert('Visit to Google.com.')}else{return false};">Visit to Google.com</A>

Nantinya, ketika pengguna mengklik, dia akan melihat suatu kotak kecil yang berisi pesan dan dua tombol bertuliskan OK dan Cancel.

Prompt()
Terakhir adalah kotak dialog yang mengizinkan pengguna untuk mengetikkan beberapa teks, yaitu prompt(). Dia mempunyai dua argumen:

window.prompt(Question, DefaultValue)

Argumen Question berisi pesan teks yang akan ditampilkan. Argumen DefaultValue (Optional) adalah teks awal di dalam kotak teks.

Tipe ini akan mengembalikan teks yang pengguna masukkan, jika pengguna tidak memasukkan apapun, null dikembalikan. Sebagai contoh:

<A HREF="#" ONCLICK="var name=prompt('Nama Anda?','');alert('Halo '+name);">Siapakah nama anda?</A>