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>

   Salin selepas log masuk

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!'); };

   Salin selepas log masuk

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);

   Salin selepas log masuk

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);

   Salin selepas log masuk

   dengan:

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

   Salin selepas log masuk
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!