Bagaimana untuk Mengintegrasikan Fungsi JavaScript dengan Berkesan ke dalam Butang HTML?

Menggabungkan JavaScript ke dalam Butang HTML: Panduan Komprehensif

Butang HTML menawarkan cara yang mudah untuk melaksanakan fungsi JavaScript. Walau bagaimanapun, nuansa tertentu mungkin menghalang keberkesanannya.

1. Mentakrifkan Pengendalian Acara dalam HTML

Kaedah pertama melibatkan membenamkan panggilan fungsi terus ke dalam kod HTML:

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

2. Menggunakan Harta DOM

Sebagai alternatif, acara boleh ditambahkan pada sifat DOM untuk elemen:

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

3. Melampirkan Pengendali Acara

Kaedah ketiga melibatkan melampirkan fungsi pada pengendali acara:

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

4. Potensi Isu dengan Fungsi CapacityChart

Dalam kes khusus anda, isu itu mungkin terletak dalam fungsi CapacityChart. Pertimbangkan untuk mengubah suai baris bermasalah di bawah:

CapacityWindow.document.write(s);

kepada:

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

5. Pertimbangan Keserasian Penyemak Imbas

Perhatikan bahawa sesetengah kod yang diberikan mungkin bergantung pada keserasian Internet Explorer. Untuk keserasian merentas pelayar, gantikan rujukan kepada document.all dengan document.getElementById.

Atas ialah kandungan terperinci Bagaimana untuk Mengintegrasikan Fungsi JavaScript dengan Berkesan ke dalam Butang HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!