Sebaik sahaja anda mempunyai perisian di tempat, anda boleh mula menulis kod JavaScript. Untuk menambah kod JavaScript pada dokumen HTML, anda perlu membuat atau membuka fail HTML dengan editor teks / HTML anda. Fail HTML asas mempunyai docType dan beberapa tag HTML asas seperti dan. Sebagai contoh, dokumen HTML 5 asas mungkin kelihatan seperti apa yang ditunjukkan di bawah.
Menguji JavaScript [Kandungan pergi disini]
Apabila anda melihat kod JavaScript di Web, kadang-kadang anda akan melihat beberapa kod JavaScript di antara teg. Atau, anda mungkin melihatnya di dalam tag (atau di kedua-dua tempat). Untuk memisahkan kod JavaScript daripada kod HTML, anda perlu menyertakannya dalam satu set tag. Tag pembuka mempunyai atribut yang diperlukan dan satu atribut pilihan. Atribut yang diperlukan ialah atribut jenis, sementara atribut pilihan adalah src (yang membolehkan anda menunjuk ke fail skrip luaran, yang dibincangkan kemudian dalam jawapan ini). Nilai atribut jenis diset ke teks / javascript, seperti ditunjukkan di bawah.
Kod JavaScript anda pergi ke sini.
Seperti yang anda lihat, kod JavaScript anda diletakkan di antara tag skrip pembuka dan penutupan. Sebagai skrip contoh, anda boleh menulis rentetan teks secara langsung pada halaman Web, seperti yang ditunjukkan dalam kod di bawah (letakkan ini di antara dan teg):
document.write ("Teks yang ditulis menggunakan kod JavaScript!");
Dalam contoh di atas, fungsi JavaScript standard untuk memaparkan teks antara tanda petikan di halaman. Ia akan kelihatan seperti contoh di bawah.
Pilihan lain untuk memasukkan JavaScript pada halaman adalah untuk membuat skrip dalam fail teks luaran dan menyimpannya dengan sambungan .js (menjadikannya fail JavaScript). Fail .js kemudian dimasukkan ke dalam halaman menggunakan atribut src tag skrip pembuka. Oleh itu, jika anda ingin menggunakan skrip di atas dengan meletakkannya dalam fail luaran, anda akan meletakkan kod JavaScript (tanpa tag skrip) ke dalam fail teks baru, seperti ditunjukkan di bawah:
document.write ("Teks yang ditulis menggunakan kod JavaScript!");
Anda kemudian akan menyimpan fail dengan sambungan .js. Sebagai contoh, anda boleh menyimpannya sebagai write.js . Sebaik sahaja fail telah disimpan, anda boleh memanggilnya dari kod HTML melalui atribut src tag skrip pembuka, seperti ditunjukkan di bawah untuk write.js.
Prosedur di atas mempunyai kesan yang sama seperti menulis kod antara tag skrip, tetapi tidak akan mengatasi kod HTML dengan kod JavaScript (yang boleh menjadi agak panjang pada masa-masa). Keuntungan lain untuk kaedah ini ialah skrip yang sama boleh dimasukkan ke dalam beberapa halaman, dan mengedit fail skrip akan mengemas kini skrip pada setiap halaman yang menggunakan fail skrip luaran. Melakukan ini menjadikannya lebih mudah untuk mengedit skrip kerana ia boleh dilakukan di satu tempat (bukannya menyunting kod dalam tag skrip pada setiap halaman yang mengandungi skrip).
Sekarang anda tahu bagaimana untuk menambah kod JavaScript ke laman web, anda boleh menggunakan mana-mana skrip contoh JavaScript atau ikuti tutorial atau buku JavaScript untuk mengetahui lebih lanjut mengenai pengekodan JavaScript.