Bagaimanakah Saya Boleh Mencetuskan Fungsi JavaScript daripada Butang HTML?

Cara Menggunakan Fungsi JavaScript Menggunakan Butang HTML

Untuk antara muka dengan kod JavaScript, butang HTML menawarkan penyelesaian yang mudah. Apabila butang diklik, penyemak imbas melaksanakan fungsi JavaScript yang berkaitan.

Pengendalian Acara Ditakrifkan HTML

Satu pendekatan adalah untuk menentukan panggilan fungsi terus dalam kod HTML :

<input type="button" value="Capacity Chart" onclick="CapacityChart();">

Harta Acara DOM Manipulasi

Sebagai alternatif, anda boleh menetapkan pengendali acara kepada sifat DOM menggunakan JavaScript:

document.getElementById("clickMe").onclick = function () { /* ... */ };

Lampiran Pendengar Acara

Lampiran Lain pilihan ialah melampirkan fungsi pada acara tersebut pendengar:

var el = document.getElementById("clickMe");
el.addEventListener("click", function () { /* ... */ }, false);

Seruan Butang Penyelesaian Masalah

Pertimbangkan perkara berikut semasa menyahpepijat seruan acara butang:

• Pastikan fungsi CapacityChart() ditakrifkan dengan betul.
• Semak ralat dalam skrip itu sendiri.
• Pertimbangkan untuk mengubah suai baris document.write() kepada:

CapacityWindow.document.open("text/html");
CapacityWindow.document.write(s);
CapacityWindow.document.close();

Keserasian Merentas Pelayar

Untuk menyokong berbilang pelayar, gantikan dokumen.semua rujukan dengan document.getElementById.

Nota Tambahan

• Tiga kaedah pengendalian acara yang dinyatakan tidak saling eksklusif.
• Yang pertama tidak digalakkan kerana ia tidak mematuhi XHTML.
• Kaedah kedua dan ketiga membenarkan fungsi tanpa nama dan definisi acara penghuraian selepas elemen.
• Kaedah ketiga membenarkan melampirkan berbilang fungsi pada pengendali acara yang sama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetuskan Fungsi JavaScript daripada Butang HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!