Bagaimana untuk Memanggil Fungsi JavaScript dari Butang HTML?

Memanggil Fungsi JavaScript dengan Butang HTML

Anda sedang cuba memanggil fungsi JavaScript, CapacityChart(), menggunakan butang HTML, tetapi fungsi itu tidak dilaksanakan dengan betul.

Pendekatan pertama melibatkan penentuan pengendali acara onclick terus dalam HTML elemen:

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

Walau bagaimanapun, mentakrifkan pengendali acara dalam HTML mempunyai had. Penyemak imbas moden lebih suka menggunakan pendengar acara JavaScript untuk organisasi dan penyelenggaraan kod yang lebih baik.

Menggunakan JavaScript, anda boleh menetapkan pendengar acara kepada acara onclick butang menggunakan kaedah addEventListener():

document.getElementById("buttonId").addEventListener("click", CapacityChart);

Pilihan lain ialah untuk melampirkan fungsi tanpa nama terus pada sifat onclick:

document.getElementById("buttonId").onclick = function() { CapacityChart(); };

Masalah dengan anda Fungsi CapacityChart() mungkin terletak di tempat lain. Cuba gunakan kod berikut untuk menangani isu:

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

Selain itu, untuk memastikan keserasian merentas penyemak imbas, gantikan mana-mana tika document.all dengan document.getElementById dalam kod anda.

Atas ialah kandungan terperinci Bagaimana untuk Memanggil Fungsi JavaScript dari Butang HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!