Rumah  >  Artikel  >  hujung hadapan web  >  gesaan tutup javascript

gesaan tutup javascript

WBOY
WBOYasal
2023-05-09 09:07:372031semak imbas

JavaScript mematikan gesaan

Sebagai pembangun bahagian hadapan, kami selalunya perlu menggunakan JavaScript untuk menambahkan beberapa kesan dinamik dan fungsi interaktif pada tapak web. Antaranya, kotak pop timbul atau kotak gesaan adalah fungsi biasa Ia boleh digunakan untuk mengingatkan pengguna untuk melakukan operasi tertentu atau memaparkan beberapa maklumat. Dalam kes ini, kita mesti menggunakan fungsi makluman atau pengesahan dalam JavaScript untuk memunculkan kotak gesaan.

Fungsi utama makluman dan pengesahan adalah untuk memunculkan mesej atau mesej dan butang sahkan atau batal. Fungsi ini memerlukan pengguna mengklik butang sahkan atau batal secara manual untuk menutup. Tetapi kadangkala, kami mahu menutup kotak pop timbul secara automatik untuk mengawal pengalaman pengguna dengan lebih baik. Dalam artikel ini, kita akan membincangkan cara menutup petua alat menggunakan JavaScript.

Tutup kotak gesaan amaran

Untuk menutup kotak gesaan amaran, kita perlu menggunakan fungsi setTimeout. Fungsi setTimeout digunakan untuk melaksanakan fungsi selepas masa yang ditentukan. Kita boleh menggunakan fungsi ini untuk menutup kotak gesaan amaran selepas tempoh masa tertentu.

Kod berikut menunjukkan cara menutup kotak gesaan amaran selepas 5 saat.

alert("这是一条提示信息!");

setTimeout(function(){
    window.close();
}, 5000);

Dalam kod di atas, kami menggunakan fungsi setTimeout untuk melaksanakan fungsi tanpa nama selepas 5 saat. Kaedah window.close() dipanggil dalam fungsi ini untuk menutup tetingkap semasa. Ambil perhatian bahawa atas sebab keselamatan, JavaScript tidak boleh menutup terus tetingkap penyemak imbas, tetapi ia boleh menutup tetingkap atau tab yang dibuka oleh JavaScript.

Tutup kotak gesaan sahkan

Tidak seperti kotak gesaan amaran, kotak gesaan sahkan memerlukan pengguna mengklik butang sahkan atau batal secara manual untuk menutupnya. Tetapi kadangkala, kami ingin menutup kotak gesaan pengesahan secara automatik selepas pengguna melakukan operasi.

Kod berikut menunjukkan cara menutup kotak gesaan pengesahan secara automatik selepas pengguna memilih "Sahkan" atau "Batal".

var confirmed = confirm("你确认要执行这个操作吗?");

if (confirmed === true) {
    setTimeout(function(){
        window.close();
    }, 5000);
} else {
    // 用户取消操作,不需要关闭提示框
}

Dalam kod di atas, kami mula-mula menggunakan fungsi pengesahan untuk memunculkan kotak gesaan dan menunggu pengguna memilih "Sahkan" atau "Batal". Jika pengguna memilih "Sahkan", kotak gesaan akan ditutup secara automatik selepas 5 saat. Jika pengguna memilih "Batal", tidak perlu menutup kotak gesaan.

Ringkasan

Kotak gesaan JavaScript (makluman dan sahkan) ialah ciri umum aplikasi web Ia boleh digunakan untuk mengingatkan pengguna untuk melakukan operasi tertentu atau memaparkan beberapa maklumat. Walaupun kotak gesaan ini perlu ditutup secara manual secara lalai, kadangkala kami boleh menggunakan JavaScript untuk menutupnya secara automatik untuk mengawal pengalaman pengguna dengan lebih baik. Apabila menutup amaran atau mengesahkan kotak gesaan, kita boleh menggunakan fungsi setTimeout untuk melambatkan pelaksanaan operasi untuk mencapai penutupan automatik.

Atas ialah kandungan terperinci gesaan tutup 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