JavaScript menutup Petua tetingkap semasa

JavaScript ialah bahasa pengaturcaraan popular yang digunakan secara meluas dalam pembangunan web. Apabila pengguna menyelesaikan tugas atau membuka halaman web, kadangkala mereka mahu menutup tetingkap semasa. Dalam JavaScript, menutup tetingkap semasa memerlukan menggunakan kaedah window.close(). Walau bagaimanapun, ia mungkin perlu untuk memaparkan tetingkap gesaan kepada pengguna sebelum menutup tetingkap.

Tetingkap gesaan boleh dibuat dengan menggunakan fungsi alert(), confirm() atau prompt(). Fungsi alert() memaparkan kotak mesej ringkas, fungsi confirm() memaparkan kotak mesej dengan butang "OK" dan "Batal", dan fungsi prompt() memaparkan kotak mesej dengan kotak input dan "OK" dan " butang Batal". Dalam JavaScript, fungsi ini boleh digunakan dengan kaedah window.close() untuk mencipta gesaan mesra pengguna untuk menutup tetingkap.

Berikut ialah contoh kod yang menunjukkan cara menggunakan fungsi alert() untuk menggesa pengguna mengesahkan menutup tetingkap semasa:

window.onbeforeunload = function() {
   return "您确定要关闭当前窗口吗？";
};

Dalam kod ini, kami menggunakan window.onbeforeunload acara untuk mendaftarkan fungsi panggil balik . Fungsi ini dipanggil apabila pengguna cuba menutup tetingkap semasa. Fungsi panggil balik mengembalikan rentetan yang menggesa pengguna untuk pengesahan untuk menutup tetingkap. Apabila pengguna mengklik butang "Tutup", tetingkap akan ditutup.

Berikut ialah contoh kod menggunakan fungsi confirm() untuk menunjukkan cara memaparkan kotak mesej pengesahan:

window.onbeforeunload = function() {
   return confirm("您确定要关闭当前窗口吗？");
};

Dalam kod ini, kami menggunakan fungsi confirm() untuk memaparkan pengesahan kotak mesej dengan " Kotak mesej dengan butang OK dan Batal. Apabila pengguna mengklik butang "OK", fungsi panggil balik kembali benar dan tetingkap akan ditutup. Apabila pengguna mengklik butang "Batal", fungsi panggil balik kembali palsu dan tetingkap tidak akan ditutup.

Akhir sekali, berikut ialah contoh kod menggunakan fungsi prompt() untuk menunjukkan cara menggesa pengguna memasukkan maklumat:

window.onbeforeunload = function() {
   var name = prompt("请输入您的名字：");
   if (name != null) {
      return "再见，" + name + "！";
   } else {
      return null;
   }
};

Dalam kod ini, kami menggunakan fungsi prompt() untuk memaparkan mesej dengan kotak Mesej dengan kotak input dan butang "OK" dan "Batal". Apabila pengguna mengklik butang "OK", fungsi panggil balik mengembalikan mesej perpisahan dengan nama pengguna. Apabila pengguna mengklik butang "Batal", fungsi panggil balik akan kembali batal dan tetingkap tidak akan ditutup.

Dalam semua contoh ini, kami menggunakan acara window.onbeforeunload untuk mendaftarkan fungsi panggil balik. Peristiwa ini dicetuskan apabila tetingkap hampir ditutup dan boleh digunakan untuk melakukan operasi tertentu sebelum menutup tetingkap.

Untuk meringkaskan, JavaScript menyediakan berbilang kaedah untuk menutup tetingkap semasa dan menggesa pengguna untuk pengesahan. Gunakan fungsi alert(), confirm() atau prompt() untuk menjadikan mesej gesaan lebih mesra dan mudah difahami. Menggunakan peristiwa window.onbeforeunload membolehkan kami melakukan operasi tertentu sebelum menutup tetingkap, seperti membersihkan data sementara atau menyimpan input pengguna.

Atas ialah kandungan terperinci JavaScript menutup Petua tetingkap semasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!