Cara utama untuk membuat efek dinamis pada halaman web adalah melalui penggunaan skrip sisi klien. Mereka adalah potongan kode yang ditafsirkan oleh mesin skrip aplikasi yang menampilkan dokumen. JavaScript adalah bahasa pemrograman populer yang digunakan untuk skrip. Agar skrip dapat dieksekusi, skrip harus dimasukkan ke dalam dokumen dengan cara tertentu.
Itu perlu
- - kode skrip;
- - dokumen sumber;
- - editor teks.
instruksi
Langkah 1
Tentukan cara terbaik untuk menyisipkan skrip. Jika diasumsikan bahwa skrip yang sama akan digunakan dalam dokumen yang berbeda, maka masuk akal untuk memindahkannya ke file eksternal dan menghubungkannya dari sana. Jika tidak, ada baiknya menyematkan teks skrip di badan halaman. Jika ukuran skrip besar, ada baiknya menempatkannya di blok terpisah dalam dokumen. Jika kode program kecil dalam volume dan mengimplementasikan reaksi ke peristiwa apa pun, diperbolehkan untuk menempatkannya di atribut yang mendefinisikan pengendali peristiwa bawaan elemen atau atribut href dari tautan.
Langkah 2
Tempel skrip dari sumber eksternal. Tambahkan elemen SCRIPT dengan atribut src dan type yang ditentukan ke badan dokumen atau bagian HEAD. Misalnya, Anda dapat melakukannya seperti ini: Nilai atribut src harus berupa URI yang menunjuk ke sumber daya dari mana teks skrip akan dimuat. Atribut charset bersifat opsional. Ini menunjukkan pengkodean teks skrip. Namun jika dihilangkan, nilai encoding akan diambil sebagai nilai encoding dari dokumen yang disisipkan skrip.
Langkah 3
Masukkan skrip ke dalam teks halaman. Gunakan elemen SCRIPT dengan teks skrip di dalamnya. Misalnya, mungkin terlihat seperti ini:
alert("Skrip berhasil!");
Komentar HTML yang menyertakan kode diperlukan untuk kompatibilitas dengan browser lama. Anda dapat menggunakan komentar XML dalam dokumen XHTML.
Langkah 4
Masukkan kode javascript ke dalam event handler sebaris. Temukan elemen dalam dokumen yang acaranya ingin Anda tangani. Tambahkan atribut yang mendefinisikan penangan yang sesuai. Sebagai contoh, atribut yang menentukan handler untuk klik mouse pada sebuah elemen adalah onclick, handler untuk hilangnya sinyal fokus adalah onblur, dan handler keystroke adalah onkeydown.
Langkah 5
Masukkan kode skrip sebagai teks yang menentukan nilai atribut yang ditambahkan. Misalnya, untuk menampilkan pesan saat elemen DIV diklik dengan mouse, Anda dapat menggunakan konstruksi berikut: Teks teks teks Perhatikan bahwa untuk menentukan literal string dalam kode handler elemen inline, Anda harus menggunakan tipe kutipan yang berbeda dari yang yang menentukan nilai atribut HTML …
Langkah 6
Tambahkan skrip ke elemen href dari tautan. Nilai href harus berupa URL, deskriptor protokolnya adalah "javascript:", dan bagian alamatnya adalah ekspresi yang dihitung. Misalnya: Teks tautan Jika Anda perlu menggunakan beberapa ekspresi, gunakan blok pernyataan yang ditentukan oleh tanda kurung {and}.
