Butang di laman web digunakan untuk memberikan pengalaman pengguna interaktif. Sebagai peraturan, jika respons terhadap klik butang tidak memerlukan pengiriman data ke pelayan, maka interaksi tersebut dilaksanakan menggunakan skrip JavaScript. Kaedah untuk menggunakan kod JavaScript yang sesuai mungkin berbeza - di bawah adalah beberapa pilihan yang mungkin untuk butang dari pelbagai jenis.
Arahan
Langkah 1
Sekiranya paparan butang di laman web diatur menggunakan tag butang, maka kod JavaScript dapat diletakkan di atribut onclick. Contohnya, seperti ini: butang Sudah tentu, tidak dianjurkan untuk memasukkan kod yang cukup besar secara langsung ke dalam tag butang - lebih baik merancangnya sebagai fungsi, dan hanya memasukkan kod untuk memanggil fungsi ini ke atribut onclick. Sebagai contoh:
pertunjukan fungsiAlert () {
amaran ('Butang diklik!')
}
butang
Langkah 2
Jika butang ditampilkan melalui salah satu variasi tag input (kirim, tetapkan semula, butang, atau gambar), maka atribut onclick yang sama dapat digunakan. Sebagai contoh, untuk butang untuk membersihkan medan bentuk (reset), kodnya mungkin seperti ini: Jika anda hanya mahu JavaScript dijalankan ketika butang diklik, dan tindakan lalai tidak berlaku, kemudian tambahkan perintah kembali berfungsi atau langsung ke atribut onclick false. Sebagai contoh:
Langkah 3
Sekiranya anda perlu mengatur respons untuk mengklik butang jenis hantar, maka, selain kaedah di atas menggunakan atribut onclick, anda boleh menggunakan sifat tag borang yang dimiliki butang ini. Panggilan fungsi yang sesuai dapat diletakkan di atribut onsubmit dari tag form. Sebagai contoh:
Langkah 4
Sekiranya butang bukan elemen bentuk, tetapi hanya elemen grafik (img tag), maka standard untuknya juga membenarkan penggunaan atribut onclick. Sebagai contoh:
Langkah 5
Sekiranya butang itu adalah pautan hiper, anda tidak boleh menggunakan atribut butang itu sendiri; lebih baik menggunakan sifat tag pautan. Anda boleh, seperti pada pilihan sebelumnya, menggunakan tag onclick. Contohnya: Dan anda boleh mengganti alamat di atribut href dengan panggilan fungsi. Contohnya, seperti ini:
