JavaScript sejauh ini merupakan bahasa skrip paling populer untuk halaman web dan standar de facto untuk web. Sampai saat ini, sejumlah besar skrip JavaScript telah dibuat, sebagian besar gratis dan gratis. Berkat ini, setiap webmaster dapat menemukan skrip yang sesuai dengan kebutuhannya saat ini. Dan yang perlu dia ketahui hanyalah bagaimana menghubungkan skrip Java ke halaman web.
Diperlukan
kemampuan untuk mengedit kode dokumen
instruksi
Langkah 1
Sertakan skrip dari sumber eksternal, yang dialamatkan oleh URI yang diketahui, ke dokumen. Gunakan elemen HTML SCRIPT dengan nilai atribut src yang ditentukan. Edit dokumen dengan menambahkan konstruksi formulir ke dalamnya:
Di sini, nilai script_URI harus berupa URI yang mengidentifikasi sumber daya dari mana data skrip akan dimuat.
Pengkodean karakter skrip harus ditentukan sebagai nilai atribut charset, jika berbeda dari pengkodean karakter dokumen. Pengkodean dokumen ditentukan berdasarkan data di bidang Tipe-Konten dari header respons HTTP server atau nilai atribut konten elemen META dengan atribut http-equiv diatur ke Tipe-Konten.
Menghubungkan skrip dengan cara ini sering dilakukan di header dokumen (elemen SCRIPT terletak di dalam elemen HEAD) dan eksekusi langsungnya tidak diperlukan. Dalam hal ini, masuk akal untuk menggunakan atribut defer untuk interpretasi teks skrip yang ditangguhkan.
Langkah 2
Sertakan skrip dengan menyematkannya langsung ke dalam dokumen. Tambahkan elemen SCRIPT ke markup dokumen Anda yang memiliki konten JavaScript. Gunakan konstruksi seperti:
// teks kode skrip
// teks kode skrip
// teks kode skrip
Perhatikan komentar HTML di sekitar kode skrip. Mereka diperlukan untuk kompatibilitas dengan model browser yang lebih lama.
Langkah 3
Sertakan skrip dengan menentukan "javascript:" sebagai URI deskriptor protokol dari jangkar target elemen A. Buat tautan di dokumen dengan nilai atribut href dari formulir:
javascript:
Di sini, nilainya harus berupa ekspresi yang dihitung dalam JavaScript. Dalam hal ini, beberapa kalimat bahasa dapat digabungkan menjadi satu ekspresi menggunakan tanda kurung operator, misalnya:
teks
Ketika tautan semacam itu diaktifkan dengan cara apa pun (pengguna atau secara terprogram), kode skrip yang disematkan akan dijalankan.
Langkah 4
Tambahkan skrip ke dokumen Anda sebagai kode untuk event handler elemen sebaris. Untuk melakukan ini, tentukan pengendali bawaan untuk kejadian yang diinginkan dari elemen yang dipilih dengan menambahkan atribut yang sesuai ke elemen ini. Masukkan cuplikan JavaScript untuk nilai atribut. Misalnya, Anda dapat menambahkan kode sebagai pengendali untuk peristiwa klik tunggal pada elemen DIV seperti ini:
konten elemen
Untuk daftar peristiwa elemen yang harus didukung oleh agen pengguna konformal, lihat bagian Peristiwa dari Spesifikasi DOM Level 2 dan 3 (DOM2 dan DOM3) di situs web w3c.org W3C.