Cara utama untuk menghasilkan kesan dinamik pada laman web adalah melalui penggunaan skrip sisi pelanggan. Mereka adalah potongan kod yang ditafsirkan oleh mesin skrip aplikasi yang memaparkan dokumen. JavaScript adalah bahasa pengaturcaraan popular yang digunakan untuk skrip. Agar skrip dapat dijalankan, skrip harus dimasukkan ke dalam dokumen dengan cara tertentu.
Ia perlu
- - kod skrip;
- - dokumen sumber;
- - penyunting teks.
Arahan
Langkah 1
Tentukan kaedah terbaik untuk memasukkan skrip. Sekiranya diandaikan bahawa skrip yang sama akan digunakan dalam dokumen yang berlainan, maka masuk akal untuk memindahkannya ke fail luaran dan menghubungkannya dari sana. Jika tidak, ada baiknya menyisipkan teks skrip di badan halaman. Sekiranya ukuran skripnya besar, ada baiknya meletakkannya di blok berasingan dalam dokumen. Sekiranya kod program dalam jumlah kecil dan menerapkan reaksi terhadap sebarang peristiwa, dibenarkan meletakkannya dalam atribut yang menentukan pengendali peristiwa bawaan elemen atau atribut href pautan.
Langkah 2
Tampal skrip dari sumber luaran. Tambahkan elemen SCRIPT dengan atribut src dan type yang ditentukan ke bahagian dokumen atau bahagian HEAD. Sebagai contoh, anda boleh melakukannya seperti ini: Nilai atribut src mestilah URI yang menunjuk ke sumber dari mana teks skrip akan dimuat. Atribut charset adalah pilihan. Ini menunjukkan pengekodan teks skrip. Tetapi jika dihilangkan, nilai pengekodan akan diambil sebagai nilai pengekodan dokumen di mana skrip dimasukkan.
Langkah 3
Masukkan skrip ke dalam teks halaman. Gunakan elemen SCRIPT dengan teks skrip di dalamnya. Contohnya, ia mungkin kelihatan seperti ini:
amaran ("Skrip berfungsi!");
Komen HTML yang merangkumi kod diperlukan untuk keserasian dengan penyemak imbas yang lebih lama. Anda boleh menggunakan komen XML dalam dokumen XHTML.
Langkah 4
Masukkan kod javascript ke pengendali acara sebaris. Cari elemen dalam dokumen yang acaranya ingin anda kendalikan. Tambahkan atribut yang menentukan pengendali yang sesuai. Sebagai contoh, atribut yang menentukan pengendali untuk klik tetikus pada elemen adalah onclick, pengendali untuk kehilangan isyarat fokus adalah onblur, dan pengendali penekanan tombol adalah onkeydown.
Langkah 5
Masukkan kod skrip sebagai teks yang menentukan nilai atribut tambah. Sebagai contoh, untuk memaparkan mesej apabila elemen DIV diklik dengan tetikus, anda boleh menggunakan pembinaan berikut: Teks teks teks Perhatikan bahawa untuk menentukan literal string dalam kod pengendali elemen sebaris, anda mesti menggunakan jenis petikan yang berbeza daripada yang yang menentukan nilai atribut HTML …
Langkah 6
Tambahkan skrip ke elemen href pautan. Nilai href mestilah URL, deskriptor protokolnya adalah "javascript:", dan bahagian alamat adalah ungkapan yang dikira. Contohnya: Teks pautan Sekiranya anda perlu menggunakan banyak ungkapan, gunakan blok pernyataan yang ditentukan oleh tanda kurung {dan}.
