Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk memunculkan kotak gesaan menggunakan javascript

Bagaimana untuk memunculkan kotak gesaan menggunakan javascript

PHPz
PHPzasal
2023-05-21 09:26:364171semak imbas

Dalam pembangunan web, kotak gesaan pop timbul adalah perkara yang sangat biasa, terutamanya untuk gesaan operasi pengguna, pengesahan, amaran, dsb., yang perlu berinteraksi dalam bentuk kotak timbul, dan pada masa yang sama , maklum balas tertentu boleh diberikan kepada pengguna JavaScript menyediakan fungsi muncul kotak gesaan Di bawah saya akan memperkenalkan cara menggunakan JavaScript untuk muncul kotak gesaan.

JavaScript menyediakan tiga jenis tetingkap timbul yang berbeza: kotak amaran (makluman), kotak pengesahan (sahkan) dan kotak gesaan (prompt). Ketiga-tiga jenis tetingkap pop timbul ini sangat mudah dan mudah digunakan serta tidak memerlukan banyak parameter.

  1. Kotak amaran (makluman)

Kotak amaran ialah tetingkap timbul paling mudah, biasanya digunakan untuk menggesa pengguna dengan maklumat amaran tertentu. Ia hanya memerlukan satu parameter, maklumat yang akan dipaparkan.

Sintaks:

alert(message);

Di mana mesej adalah maklumat rentetan yang akan dipaparkan.

Contohnya:

alert("欢迎使用JavaScript弹窗");

Selepas kotak amaran muncul, skrin akan dipaksa untuk berhenti seketika sehingga pengguna mengklik butang "OK". Kotak amaran tidak menyokong teks butang tersuai dan gaya tersuai.

  1. Kotak pengesahan (confirm)

Kotak pengesahan biasanya digunakan untuk bertanya kepada pengguna sama ada mereka mahu melakukan sesuatu tindakan. Ia memerlukan dua parameter Parameter pertama ialah maklumat segera untuk dipaparkan, dan parameter kedua ialah fungsi panggil balik untuk mengendalikan acara klik pengguna.

Sintaks:

confirm(message, callback);

Antaranya, mesej ialah maklumat rentetan yang akan dipaparkan, dan panggil balik ialah fungsi panggil balik, yang akan dipanggil apabila pengguna mengklik OK atau Batal. Jika pengguna mengklik OK, nilai pulangan fungsi panggil balik adalah benar, jika tidak ia mengembalikan palsu.

Contohnya:

confirm("确定要删除这条记录吗?", function(result){
    if(result){
        //用户点击了确定按钮
        //执行删除操作
    }else{
        //用户点击了取消按钮
        //不执行删除操作
    }
});

Kotak pengesahan menyokong teks butang tersuai dan gaya tersuai.

  1. Kotak gesaan (prompt)

Kotak gesaan digunakan untuk membenarkan pengguna memasukkan beberapa maklumat. Ia memerlukan dua parameter, parameter pertama ialah maklumat segera untuk dipaparkan, dan parameter kedua ialah nilai lalai kotak input pengguna (pilihan).

Sintaks:

prompt(message, defaultValue);

Contohnya:

var name = prompt("请输入您的姓名:", "张三");
if(name){
    alert("您好," + name);
}else{
    alert("您取消了输入!");
}

Kotak gesaan menyokong nilai lalai kotak input tersuai, teks butang tersuai dan gaya tersuai.

Ringkasan:

Tiga tetingkap timbul di atas adalah kaedah tetingkap timbul yang biasa digunakan dalam JavaScript Anda boleh memilih jenis tetingkap timbul yang sepadan mengikut keperluan anda. Dalam perkembangan sebenar, perlu diingatkan bahawa tetingkap pop timbul akan menyekat interaksi pengguna Jika kekerapan tetingkap timbul terlalu tinggi, pengalaman pengguna akan terjejas, jadi kekerapan penggunaan tetingkap timbul perlu. dikawal sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk memunculkan kotak gesaan menggunakan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn