A. Metode Penulisan Internal
Untuk meletakan script JavaScript dalam file html dapat dilakukan
dengan mempergunakan tag <script> dengan memberikan typenya
sebagai “text/javascript” . tag <script> tersebut dapat diletakan
dibagian head maupun body file HTML. Berikut contoh penempatan script
javascript dalam file HTML,
Code :
<html>
<head>
<title>Contoh JavaScript – Introduction (By. CobaLihatSaja.com)</title>
</head>
<body>
<script type=”text/javascript”>
document.write(“Contoh JavaScript – Introduction (By. CobaLihatSaja.com)”);
</script>
</body>
</html>
<head>
<title>Contoh JavaScript – Introduction (By. CobaLihatSaja.com)</title>
</head>
<body>
<script type=”text/javascript”>
document.write(“Contoh JavaScript – Introduction (By. CobaLihatSaja.com)”);
</script>
</body>
</html>
Hasil :
B. Metode Penulisan External
Selain dapat secara langsung dituliskan dalam file html, javascript
juga dapat ditempatkan difile yang berbeda dengan menyimpanya sebagai
javascript file (extensi .js). Metode ini sangat disarankan untuk
dipergunakan karena akan membuat pemrograman/pembangunan website akan
lebih mudah dan terstruktur, selain itu script yang kita buat akan dapat
dipergunakan oleh wepage lainnya (reuseable). Ok, berikut ini contoh
untuk membuat external javascript,
a. Buat File JavaScript
Buka text editor anda, buat file baru dan simpan sebagai : CobaLihatSaja.js, setelah itu masukan code dibawah ini :
Code :
document.write(“<h1>Contoh JavaScript – Introduction</h1>”);
document.write(“<p>(By. CobaLihatSaja.com)</p>”);
document.write(“<p>(By. CobaLihatSaja.com)</p>”);
b. Buat File HTML
Buatlah file HTML dimana anda akan mempergunakan javascript tersebut. Masukan code seperti dibawah ini :
Code :
<html>
<head>
<title>Contoh JavaScript – Introduction (By. CobaLihatSaja.com)</title>
<script type=”text/javascript” src=”CobaLihatSaja.js”>
</script>
</head>
<body>
</body>
</html>
<head>
<title>Contoh JavaScript – Introduction (By. CobaLihatSaja.com)</title>
<script type=”text/javascript” src=”CobaLihatSaja.js”>
</script>
</head>
<body>
</body>
</html>
Hasil :
Seperti anda lihat hasil dari code yang telah kita buat, pertama
kita membuat file javascript yang berisi perintah untuk menampilkan
header (baris 1) dan sebuah paragraf (baris 2). Setelah itu kita
memanggil file javascript yang telah kita buat melalui file HTML dengan
bantuan tag <script> yang telah disesuaikan.
http://kumpulanmateriku.wordpress.com/2011/04/03/javascript/
0 komentar:
Posting Komentar
terimakasih atas kedatangan anda