Bagaimanakah Saya Berjaya Mencetuskan Fungsi JavaScript dengan Butang HTML?

Memanggil Fungsi JavaScript dengan Butang HTML

Isu

Dalam percubaan untuk mencetuskan fungsi JavaScript, butang HTML telah digunakan. Walau bagaimanapun, kefungsian yang dimaksudkan tidak tercapai.

Penyelesaian

Menggunakan butang HTML untuk menggunakan fungsi JavaScript boleh dicapai dalam beberapa cara:

1. Acara HTML Definisi:

   <input>

2. Penugasan Harta Acara DOM:

   // Using a function pointer:
   document.getElementById("clickMe").onclick = doFunction;
   
   // Using an anonymous function:
   document.getElementById("clickMe").onclick = function () { alert('hello!'); };

3. Acara Fungsi Pengendali Lampiran:

   var el = document.getElementById("clickMe");
   if (el.addEventListener)
       el.addEventListener("click", doFunction, false);
   else if (el.attachEvent)
       el.attachEvent('onclick', doFunction);

Kaedah pertama dan kedua adalah saling eksklusif. Kaedah ketiga membolehkan berbilang fungsi dilampirkan pada pengendali acara yang sama.

Penyelesaian masalah

Kemungkinan isu tersebut terletak pada fungsi CapacityChart(). Melihat semula contoh kod mendedahkan dua tetingkap timbul. Untuk nyahpepijat:

1. Gantikan:

   CapacityWindow.document.write(s);

   dengan:

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

2. Gantikan rujukan kepada document.all dengan document.getElementById .

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