Cara membuat kotak amaran javascript tidak melakukan apa-apa apabila mengklik butang batal

Dengan pembangunan teknologi rangkaian, JavaScript memainkan peranan yang semakin penting dalam pembangunan bahagian hadapan, menjadi alat penting untuk mencipta halaman web dinamik dan meningkatkan pengalaman interaksi pengguna. Antaranya, salah satu kawalan JavaScript yang paling biasa digunakan ialah kotak amaran. Apabila kod JavaScript perlu memaparkan maklumat penting atau mengesahkan kepada pengguna, ia biasanya perlu memunculkan kotak gesaan. Petua alat biasanya mengandungi tajuk, mesej dan dua butang: "Sahkan" dan "Batal." Pengguna boleh memilih untuk mengklik mana-mana butang ini untuk memilih cara untuk meneruskan. Artikel ini akan menerangkan cara menghalang pengguna daripada mengambil sebarang tindakan apabila mengklik butang batal dalam kotak amaran.

Operasi asas kotak amaran

Untuk mencipta kotak amaran JavaScript asas, anda perlu menggunakan fungsi amaran JavaScript(). Fungsi ini mempunyai parameter rentetan sebagai mesej untuk kotak amaran dan hanya memasukkan butang "Sahkan" di dalamnya. Jika kita perlu mencipta kotak amaran, kita boleh menggunakan kod berikut:

alert("这是一条警告信息");

Apabila kod ini dilaksanakan, kotak amaran pop timbul akan dipaparkan di tengah skrin sehingga pengguna menekan butang "Sahkan".

Selain fungsi alert(), JavaScript juga menyediakan jenis kotak amaran lain, seperti menggunakan fungsi confirm() untuk membuat kotak pengesahan. Fungsi ini serupa dengan alert(), tetapi termasuk dua butang: "Sahkan" dan "Batal". Fungsi ini akan mengembalikan nilai benar apabila pengguna mengklik "Sahkan" dan nilai palsu apabila pengguna mengklik "Batal". Sebagai contoh, kita boleh mencipta kotak pengesahan menggunakan kod berikut:

confirm("请确认您的操作");

Dalam contoh ini, pengguna boleh memilih "Sahkan" atau "Batal" untuk menunjukkan sama ada mereka ingin melakukan tindakan tersebut. Jika pengguna mengklik mengesahkan, fungsi akan mengembalikan nilai benar, jika tidak ia akan mengembalikan nilai palsu.

Pengendalian butang batal bergaya

Secara umumnya, kami mahu pengguna boleh memilih "Batal" sebagai keputusannya dalam kotak makluman JavaScript. Walau bagaimanapun, terdapat situasi di mana kami tidak mahu pengguna mengklik butang Batal untuk melakukan sebarang tindakan. Sebagai contoh, dalam beberapa kes, kita perlu memaparkan menu pop timbul untuk dipilih oleh pengguna dan bukannya kotak amaran. Dalam kes ini, pengguna yang mengklik butang Batal hendaklah hanya menutup kotak amaran dan tidak melakukan sebarang tindakan.

Untuk melakukan ini, anda boleh menggunakan JavaScript untuk mengawal logik. Kami boleh mengisytiharkan pembolehubah di luar kotak amaran JavaScript dan memulakannya kepada palsu. Apabila pengguna menekan butang "Batal" dalam kotak makluman, kami boleh mengubah suai pembolehubah ini kepada benar. Semasa memproses kod, kita boleh menyemak dahulu sama ada nilai pembolehubah adalah benar. Jika ini berlaku, kami mengabaikan fasa ini dan tidak melakukan apa-apa. Berikut ialah contoh kod yang menunjukkan cara menggunakan kawalan logik butang batal:

let executeOperation = false;

if (confirm("是否执行此操作？")) {
    executeOperation = true;
}

if (executeOperation) {
    // 执行代码
} else {
    // 忽略阶段
}

Dalam contoh ini, jika pengguna mengklik mengesahkan, pembolehubah executeOperation akan ditetapkan kepada benar dan tindakan akan menjadi dilakukan, jika tidak, kod akan mengabaikannya pada peringkat ini.

Cara lain untuk mengendalikan kawalan logik ialah menggunakan pernyataan cuba/tangkap. Kami boleh cuba melaksanakan kod dalam blok cuba, dan jika pengguna mengklik butang "Batal" dan ralat dibangkitkan, kami boleh menggunakan blok tangkapan untuk mengendalikan ralat, dengan itu menghalang kod daripada terus dilaksanakan. Berikut ialah contoh kod:

try {
    if (confirm("是否执行此操作？")) {
        // 执行代码
    } else {
        throw new Error("用户取消");
    }
} catch (err) {
    // 错误处理
    console.log(err.message);
}

Dalam contoh ini, apabila pengguna mengklik "Batal", kod tersebut akan menimbulkan ralat dan mengendalikan ralat dalam blok tangkapan, sekali gus menghalang pelaksanaan kod selanjutnya .

Kesimpulan

Dalam pembangunan JavaScript, kotak amaran ialah alat yang sangat praktikal, yang termasuk butang "Sahkan" dan "Batal" untuk mendapatkan pengesahan operasi pengguna. Walau bagaimanapun, terdapat situasi di mana kami tidak mahu pengguna mengklik butang Batal untuk melakukan tindakan. Dalam kes ini kita boleh menggunakan kawalan logik seperti pembolehubah atau cuba/tangkap kenyataan. Ini akan membolehkan kami mengabaikan tindakan sepenuhnya apabila pengguna mengklik butang Batal, dengan itu mengelakkan sebarang ralat.

Atas ialah kandungan terperinci Cara membuat kotak amaran javascript tidak melakukan apa-apa apabila mengklik butang batal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!