Setelah mengenal dan memahami bentuk-bentuk penerapan program
JavaScript, berikut akan dijelaskan lebih lanjut dasar-dasar pemrogrman
JavaScrip. Mulai dari prmbuatan struktur penulisan JavaScript, variable
JavaScript, penggunaan komentar, sampai dengan pengenalan berbagai
fungsi dan metode dalam JavaScript.
STRUKTUR PENULISAN JAVASCRIPTSeperti
yang telah disinggung pada bab sebelumnya, penulisan program JavaScript
harus diawali dengan tag <script language="JavaScript"> dan
diakhiri dengan tag </script>.
Berikut bentuk contoh penulisan yang menunjukkan bahwa skrip tersebut merupakan skrip dari JavaScript :
<html>
<head>
<title>.....</title>
<script type="text/JavaScript">
<!--
penulisan kode JavaScript disini
//-->
</head>
<body>
</body>
</html>
Keterangan:
Kode
<!-- //--> umumnya disertakan dengan tujuan supaya browser
tidak mengenali kode JavaScript dan hanya menganggap komentar yang tidak
ditampilkan pada jendela browser.
Pada dasarnya, kode tag JavaScript yang dituliskan pada dokumen file HTML memiliki dua buah atribut yang akan digunakan, yaitu :
1. Meletakkan JavaScript DALAM DOKUMEN HTML
Berikut
ini contoh skrip JavaScript dalam suatu dokumen HTML. Disini Anda akan
membuat satu program untuk menampilkan satu kotak dialog saat membuka
dokumen HTML. Berikut merupakan listing program JavaScript yang ditulis
dalam dokumen HTML.
<html>
<head>
<title>Latihan1 JavaScript </title>
<script type="text/JavaScript">
document.write("Latihan pertama JavaScript");
</script>
</head>
<body>
<br>*Penulisan kode HTML*
</body>
</html>
Penulisan kode diatas akan, hasilnya akan terlihat seperti gambar dibawah ini :
2. MELETAKKAN JAVASCRIPT DALAM DOKUMEN TERPISAH
Contoh berikutnya
adalah menuliskan kode program JavaScript dalam suatu file teks,
kemudian file teks yang berisi kode JavaScript akan dipanggil dari dalam
dokumen HTML. Berikut kode program JavaScript yang disisipkan dalam
dokumen HTML.
<script type="text/JavaScript" scr="lokasi_folder/namafile.js"></script>
atau jika folder .js disimpan dalam alamat web yangb berbeda maka :
<script type="text/JavaScript" scr="http://namafile.js"></script>
Sekilas
dari outputnya, penggunaan skrip diatas tidak jauh berbeda dengan
bahasan sebelumnya, hanya saja Anda sudah tidak perlu lagi menuliskan
program JavaScript secara lengkap karena file sudah dibuat dan disimpan
kedalam direktori folder yang terpisah dengan format .js .
Cara ini
sangat bermanfaat bagi Anda jika ingin melakukan pemanggilan sebuah
program JavaScript secara berulang-ulang dari web page atau halaman web
yang berbeda. Berikut diberikan contoh program JavaScript yang
diletakkan di file terpisah dan dipanggil melalui suatu file HTML.
Berikut ini adalah isi dari file latih.js yang disimpan dalam folder js
document.write("Latihan kedua JavaScript");
dan ini adalah kode HTML nya :
<html>
<head>
<title>Latihan2 JavaScript </title>
<script type="text/JavaScript" src="/js/latih.js"></script>
</head>
<body>
<br>*Penulisan kode HTML*
</body>
</html>
sedangkan ini kode dalam file latih.js
document.write("Latihan kedua JavaScript");
Tampilah dari kedua kode diatas adalah seperti ini :
Sumber :
agiptek.com/index.php/javascript/155-dasar-javascript.html
