Penjelasan terperinci tentang petua penggunaan fungsi alert() dalam petua JavaScript_javascript

Dalam kod JavaScript, anda boleh menggunakan fungsi alert() objek tetingkap untuk memaparkan sekeping teks untuk menyahpepijat atur cara atau untuk memaklumkan pengguna tentang maklumat yang berkaitan:

Salin kod Kod adalah seperti berikut:

//Gunakan fungsi alert() objek tetingkap
window.alert("sample text");

Kaedah penulisan ini boleh dipermudahkan untuk menggunakan fungsi alert() secara langsung:

Salin kod Kod adalah seperti berikut:

//Penggunaan amaran() ringkas
makluman("teks sampel");

Jika anda perlu memaparkan teks dengan pemisah baris, anda boleh menggunakan n:

Salin kod Kod adalah seperti berikut:

//Gunakan n dalam alert()
alert("Barisan pertamaBarisan kedua");

Jika anda perlu menggunakan aksara tab, anda boleh menggunakan t:

Salin kod Kod adalah seperti berikut:

//Gunakan t dalam amaran()
makluman("Alext50t34nBobt59t38");

Penggunaan pembolehubah

Selain memaparkan rentetan statik, fungsi alert() juga boleh menerima pembolehubah dan menggabungkan nilai pembolehubah dengan rentetan lain:

Salin kod Kod adalah seperti berikut:

//Gunakan pembolehubah dalam alert()
var word = "kehidupan";
alert("Kata ajaib ialah: " perkataan ". Jangan panik.");

Malangnya, walaupun fungsi alert() boleh menerima pembolehubah, ia hanya boleh melakukan operasi penggabungan rentetan ini bertentangan dengan kaedah penyahpepijatan console.log(), fungsi alert() tidak Menerima kaedah menghantar parameter kepada rentetan; . Ambil kod berikut sebagai contoh:

Salin kod Kod adalah seperti berikut:

//Cuba gunakan parameter dalam alert(), akan gagal
var name = "Bob";
var tahun = 42;
alert("%s berumur %d tahun.", nama, tahun);

Jika fungsi alert() menerima parameter rentetan, hasil output yang dijangkakan ialah "Bob berumur 42 tahun." tetapi sebenarnya fungsi alert() tidak menyokong ini, jadi hasil keluaran akhir ialah "%s ialah %; d tahun."

Gaya tetingkap timbul

Memandangkan kotak pop timbul yang digunakan oleh fungsi alert() ialah objek sistem penyemak imbas dan bukannya objek dokumen halaman web, anda tidak boleh menentukan gaya kotak pop timbul dengan menggunakan tag HTML dalam fungsi alert() - teg HTML akan dibiarkan utuh Paparan secara dinamik. Untuk kod berikut:

Salin kod Kod adalah seperti berikut:

//Cuba gunakan tag HTML dalam alert(), akan gagal
makluman("Teks Ujian");

Hasil output bukan "Test Text" yang tebal.

Jika anda benar-benar perlu menukar gaya kotak amaran, anda mempunyai dua pilihan berikut:

1 Gunakan aksara Unicode dalam fungsi alert(). Kelebihan penyelesaian ini ialah ia sangat mudah untuk dilaksanakan, tetapi batasannya juga jelas: kuasa ekspresif aksara Unicode adalah sangat terhad.

2. Daripada menggunakan fungsi alert(), gunakan komponen HTML untuk mensimulasikan kotak pop timbul (seperti menggunakan Dialog UI jQuery). Kelebihan penyelesaian ini ialah kotak pop timbul akan sangat ekspresif, tetapi penggunaannya akan meningkatkan kerumitan kod bahagian hadapan.

Kesimpulan

Fungsi alert() boleh digunakan untuk memaklumkan pengguna dengan maklumat dan juga boleh digunakan untuk nyahpepijat atur cara. Untuk yang pertama, menggunakan komponen seperti Dialog UI jQuery boleh meningkatkan ekspresif dan pengalaman pengguna untuk yang kedua, kerana kotak pop timbul alert() akan menyekat pelaksanaan kod JavaScript, dalam banyak kes, console.log() ialah; digunakan untuk Menyahpepijat atur cara adalah penyelesaian yang lebih baik.