STRUKTUR PENULISAN JAVASCRIPT
Seperti 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
No comments:
Post a Comment