hujung hadapan web
tutorial js
Tiga cara untuk muncul kotak dialog dalam petua JavaScript_javascript
Tiga cara untuk muncul kotak dialog dalam petua JavaScript_javascript
Rakan yang telah mempelajari js akan mendapati bahawa kami telah menggunakan kaedah alert() , kaedah prompt() dan kaedah prompt() dalam beberapa keadaan Mereka semua muncul kotak dialog pada skrin dan memaparkan kurungan padanya. Kandungan di dalam, menggunakan kaedah ini menjadikan interaktiviti halaman lebih menarik Malah, kami sering menggunakan kotak dialog jenis ini apabila melayari halaman web sering digunakan apabila pengguna mempunyai komunikasi dua hala dengan aplikasi.
Tiga kotak dialog JavaScript diperoleh dengan memanggil tiga kaedah alert(), confirm() dan prompt() bagi objek tetingkap Kotak dialog ini boleh digunakan untuk melengkapkan input dan output daripada js. , laksanakan kod js yang boleh berinteraksi dengan pengguna.
Hari ini, editor akan memperkenalkan secara ringkas tiga kotak dialog pop timbul dalam js. Pertama sekali, editor akan menerangkan kaedah ini secara berasingan, dan kemudian membandingkan kaedah ini Okey, mari kita mulakan js kami. *∩_∩*)′......
Yang pertama: kaedah alert()
Kaedah amaran() adalah yang paling mudah digunakan di antara tiga kotak dialog Ia boleh digunakan untuk memaparkan maklumat teks dengan mudah dan jelas dalam kurungan amaran() dalam kotak dialog kotak di mana maklumat yang akan dipaparkan diletakkan dalam kurungan Kotak dialog mengandungi butang "Sahkan" Selepas pengguna selesai membaca maklumat yang dipaparkan, dia hanya perlu mengklik butang untuk menutup kotak dialog. Mari lihat contoh menggunakan kaedah alert() Kodnya adalah seperti berikut:
<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //JavaScript脚本标注
alert("上联：山石岩下古木枯");//在页面上弹出上联
alert("下联：白水泉边少女妙");//在页面上弹出下联
</script>
</head>
</html>Laksanakan contoh kecil di atas, dan kotak dialog akan muncul pada halaman dan memaparkan ayat "Shanglian: Pokok purba layu di bawah batu dan batu", seperti ditunjukkan di bawah:
Kemudian, selepas mengklik butang "Sahkan", kotak dialog kedua akan dipaparkan dan "Gadis di sebelah mata air putih itu indah!", kesannya adalah seperti berikut;
b. Tambahkan sekeping maklumat teks dalam setiap tanda kurungan() Apabila berjalan, halaman yang ditunjukkan di bawah akan muncul Apabila anda mengklik butang "OK" pada halaman dengan tetikus, halaman kedua akan muncul kemudian Klik butang "OK" untuk menutup kotak dialog pada halaman. Nota: Dua kotak dialog dipaparkan secara berasingan, bukannya satu menutup yang lain Ini kerana js sebenarnya melaksanakan amaran pertama() dan menunggu sehingga pengguna mengklik butang "Sahkan" sebelum melaksanakan amaran kedua( .
alert() ialah kaedah objek tetingkap js Apabila dipanggil, ia boleh ditulis sebagai window.alert() atau alert(). Fungsinya adalah untuk menghasilkan kotak dialog dengan butang pengesahan, yang memaparkan maklumat dalam kurungan ,
Kedua: kaedah confirm()
<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
confirm("上联：一但重泥拦子路；下联：两岸夫子笑颜回"); //在页面上弹出确认对话框
</script>
</head>
</html>
b. Sekeping maklumat teks ditambah dalam kurungan confirm() Kesan berjalan adalah seperti yang ditunjukkan dalam gambar di atas pengguna mengklik butang "Batal" , kaedah confirm() akan mengembalikan palsu, dan tidak kira butang mana yang dipilih pengguna, kotak dialog akan ditutup dan kod JavaScript akan terus dilaksanakan. Mengklik butang "Sahkan" atau "Batal" kedua-duanya menutup kotak dialog. Sebenarnya, sama ada mengklik butang "Sahkan" atau "Batal" akan mengembalikan nilai Boolean, supaya terdapat beberapa js. di belakang tabir Kod untuk memainkan peranan butang Sila lihat contoh di bawah untuk mengalami keindahan menggunakan confirm() untuk mengembalikan nilai Boolean. Kodnya adalah seperti berikut:
<html>
<head>
<title>编写html页面</title>
<script language="javascript"> //js脚本标注
var con;
con=confirm("你喜欢玫瑰花么?"); //在页面上弹出对话框
if(con==true)alert("非常喜欢!");
else alert("不喜欢!");
</script>
</head>
</html>我们来分析一下这个小例子：
a、在
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Ganti aksara rentetan dalam javascript
Mar 11, 2025 am 12:07 AM
Penjelasan terperinci mengenai kaedah penggantian rentetan javascript dan Soalan Lazim Artikel ini akan meneroka dua cara untuk menggantikan watak rentetan dalam JavaScript: Kod JavaScript dalaman dan HTML dalaman untuk laman web. Ganti rentetan di dalam kod JavaScript Cara yang paling langsung ialah menggunakan kaedah pengganti (): str = str.replace ("cari", "ganti"); Kaedah ini hanya menggantikan perlawanan pertama. Untuk menggantikan semua perlawanan, gunakan ungkapan biasa dan tambahkan bendera global g: str = str.replace (/fi
Tutorial Persediaan API Carian Google Custom
Mar 04, 2025 am 01:06 AM
Tutorial ini menunjukkan kepada anda bagaimana untuk mengintegrasikan API carian Google tersuai ke dalam blog atau laman web anda, menawarkan pengalaman carian yang lebih halus daripada fungsi carian tema WordPress standard. Ia menghairankan mudah! Anda akan dapat menyekat carian ke y
8 plugin susun atur halaman jquery yang menakjubkan
Mar 06, 2025 am 12:48 AM
Leverage JQuery untuk Layouts Laman Web yang mudah: 8 Plugin Essential JQuery memudahkan susun atur laman web dengan ketara. Artikel ini menyoroti lapan plugin jQuery yang kuat yang menyelaraskan proses, terutamanya berguna untuk penciptaan laman web manual
Bina Aplikasi Web Ajax anda sendiri
Mar 09, 2025 am 12:11 AM
Jadi di sini anda, bersedia untuk mempelajari semua perkara ini yang dipanggil Ajax. Tetapi, apa sebenarnya? Istilah Ajax merujuk kepada kumpulan teknologi longgar yang digunakan untuk membuat kandungan web yang dinamik dan interaktif. Istilah Ajax, yang asalnya dicipta oleh Jesse J
Apa itu ' ini ' Dalam JavaScript?
Mar 04, 2025 am 01:15 AM
Mata teras Ini dalam JavaScript biasanya merujuk kepada objek yang "memiliki" kaedah, tetapi ia bergantung kepada bagaimana fungsi dipanggil. Apabila tidak ada objek semasa, ini merujuk kepada objek global. Dalam penyemak imbas web, ia diwakili oleh tetingkap. Apabila memanggil fungsi, ini mengekalkan objek global; tetapi apabila memanggil pembina objek atau mana -mana kaedahnya, ini merujuk kepada contoh objek. Anda boleh mengubah konteks ini menggunakan kaedah seperti panggilan (), memohon (), dan mengikat (). Kaedah ini memanggil fungsi menggunakan nilai dan parameter yang diberikan. JavaScript adalah bahasa pengaturcaraan yang sangat baik. Beberapa tahun yang lalu, ayat ini
Tingkatkan pengetahuan jQuery anda dengan penonton sumber
Mar 05, 2025 am 12:54 AM
JQuery adalah rangka kerja JavaScript yang hebat. Walau bagaimanapun, seperti mana -mana perpustakaan, kadang -kadang perlu untuk mendapatkan di bawah tudung untuk mengetahui apa yang sedang berlaku. Mungkin kerana anda mengesan bug atau hanya ingin tahu tentang bagaimana jQuery mencapai UI tertentu
10 helaian cheat mudah alih untuk pembangunan mudah alih
Mar 05, 2025 am 12:43 AM
Siaran ini menyusun helaian cheat berguna, panduan rujukan, resipi cepat, dan coretan kod untuk perkembangan aplikasi Android, BlackBerry, dan iPhone. Tiada pemaju harus tanpa mereka! Panduan Rujukan Gesture Touch (PDF) Sumber yang berharga untuk desig
Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri?
Mar 18, 2025 pm 03:12 PM
Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.
