Bagaimanakah Saya Boleh Memanggil Fungsi JavaScript dengan Berkesan daripada Butang HTML?

Panggil Fungsi JavaScript dengan Butang HTML

Apabila menggunakan HTML untuk menggunakan fungsi JavaScript melalui butang, nuansa tertentu mungkin timbul. Berikut ialah pendekatan biasa dan langkah penyelesaian masalah:

Kaedah Pengendalian Acara Butang:

Terdapat beberapa cara untuk mengendalikan acara butang dalam HTML/DOM:

• Sebaris HTML:

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

  Salin selepas log masuk

• Harta DOM:

  document.getElementById("clickMe").onclick = doFunction;

  Salin selepas log masuk

• Pengendali Acara Fungsi:

  var el = document.getElementById("clickMe");
  el.addEventListener("click", doFunction, false);

  Salin selepas log masuk

Fungsi CapacityChart() Menyelesaikan masalah:

Isu dengan fungsi CapacityChart() boleh timbul. Pertimbangkan kemungkinan pembetulan ini:

• Pastikan isu itu bukan dalam CapacityChart() itu sendiri.

• Ganti CapacityWindow.document.write(s); dengan:

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

  Salin selepas log masuk

Keserasian Penyemak Imbas:

Perhatikan bahawa:

• dokumen.semua harus diganti dengan document.getElementById untuk penyemak imbas silang keserasian.
• Adalah disyorkan untuk memastikan kefungsian dalam IE sebelum menyelesaikan masalah merentas penyemak imbas.

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