Dalam kode JavaScript, Anda dapat menggunakan fungsi peringatan () dari objek jendela untuk menampilkan sepotong teks, untuk men -debug program, atau memperingatkan pengguna tentang informasi yang relevan:
Salinan kode adalah sebagai berikut:
// Gunakan fungsi window objek () fungsi
window.alert ("Contoh teks");
Metode penulisan ini dapat disederhanakan untuk menggunakan fungsi peringatan () secara langsung:
Salinan kode adalah sebagai berikut:
// Penggunaan Peringatan Sederhana ()
peringatan ("Teks Sampel");
Jika Anda perlu menampilkan teks dengan Newline, Anda dapat menggunakan /n:
Salinan kode adalah sebagai berikut:
// gunakan /n dalam peringatan ()
peringatan ("baris pertama/n baris kedua");
Jika Anda perlu menggunakan karakter tab, Anda dapat menggunakan /t:
Salinan kode adalah sebagai berikut:
// gunakan /t di peringatan ()
alert ("Alex/T50/T34/NBOB/T59/T38");
Penggunaan variabel
Selain menampilkan string statis, fungsi peringatan () juga dapat menerima variabel dan nilai variabel splice dengan string lain:
Salinan kode adalah sebagai berikut:
// Gunakan variabel dalam peringatan ()
var word = "Life";
peringatan ("Kata ajaib adalah:" + Word + ". Jangan panik.");
Sayangnya, meskipun fungsi peringatan () dapat menerima variabel, ia hanya dapat melakukan operasi penyambungan string ini; Berlawanan dengan metode debugging lain Console.log (), fungsi peringatan () tidak menerima praktik parameter lewat ke string. Kode berikut adalah contoh:
Salinan kode adalah sebagai berikut:
// Coba gunakan parameter dalam peringatan (), akan gagal
var name = "bob";
var tahun = 42;
waspada (" %s adalah %d tahun.", Nama, bertahun -tahun);
Jika fungsi Peringatan () menerima string pass, output yang diharapkan adalah "BOB berusia 42 tahun." Namun pada kenyataannya, fungsi peringatan () tidak mendukung ini, jadi output akhir adalah " %s adalah %d tahun."
Gaya jendela popup
Karena kotak pop-up yang digunakan oleh fungsi peringatan () adalah objek sistem browser daripada objek dokumen web, tidak mungkin untuk menentukan gaya kotak pop-up dengan menggunakan tag HTML di fungsi peringatan ()-tag HTML akan ditampilkan utuh. Untuk kode berikut:
Salinan kode adalah sebagai berikut:
// Coba gunakan tag HTML di Alert (), akan gagal
alert ("<b> Tes Teks </b>");
Outputnya bukan "teks uji" yang berani.
Jika Anda benar -benar perlu mengubah gaya kotak peringatan, ada dua opsi:
1. Gunakan karakter unicode dalam fungsi peringatan (). Keuntungan dari solusi ini adalah sangat mudah diimplementasikan, tetapi keterbatasannya juga jelas: Karakter Unicode memiliki ekspresi yang sangat terbatas.
2. Alih-alih menggunakan fungsi peringatan (), gunakan komponen HTML untuk mensimulasikan kotak pop-up (seperti menggunakan dialog JQuery UI). Keuntungan dari solusi ini adalah bahwa kotak pop-up akan sangat ekspresif, tetapi penggunaannya akan meningkatkan kompleksitas kode front-end.
Kesimpulan
Fungsi peringatan () dapat digunakan untuk mengingatkan pengguna, atau untuk men -debug program. Untuk yang pertama, menggunakan komponen seperti dialog JQuery UI dapat sangat meningkatkan ekspresi dan pengalaman pengguna; Untuk yang terakhir, karena kotak pop-up alert () akan memblokir eksekusi kode JavaScript, dalam banyak kasus, menggunakan Console.log () untuk men-debug program adalah solusi yang lebih baik.