Dalam
tutorial belajar Javascript kali ini kita akan melihat bahwa Script
Javascript bisa kita letakkan di beberapa tempat, di bagian
<head>, <body> atau dalam file terpisah. Mari kita pelajari
cara menulis Javascript.Script pada bagian head
Script ini akan dieksekusi ketika
dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan
trigger pada event tertentu Peletakkan script di head akan menjamin
skript di-load terlebih dahulu sebelum digunakan (dipanggil)
<html>
<head>
<script type="teks/javascript">
...
</script>
</head>
</html>
Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body> Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.
<html>
<head>
</head>
<body>
<script type="teks/javascript">
...
</script>
</body>
</html>
<head>
</head>
<body>
<script type="teks/javascript">
...
</script>
</body>
</html>
Script pada file tersendiri / terpisah
Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:
<script type="teks/javascript" src="/alamat.js">
</script>
dibawah ini beberapa contoh fungsi javascript
1. Pemakaian alert sebagai property window
<HTML>
<HEAD>
<TITLE>Alert Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Pesan Anda");
//-->
</SCRIPT>
</BODY>
</HTML>
<HEAD>
<TITLE>Alert Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Pesan Anda");
//-->
</SCRIPT>
</BODY>
</HTML>
2. Pemakaian metode dalam objek.
<HTML>
<HEAD>
<TITLE>Skrip JavaScript</TITLE>
</HEAD>
<BODY>
Percobaan memakai JavaScript:<BR>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("Selamat Mencoba JavaScript<BR>");
document.write("Semoga sukses!");
//-->
</SCRIPT>
</BODY>
</HTML>
3. Pemakaian prompt
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?","Masukkan nama anda");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?","Masukkan nama anda");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function pesan(){
alert ("memanggil javascript lewat body onload")
}
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>
Demikianlah Dasar Dasar JAVASCRIPT semoga bermanfaat
Tidak ada komentar:
Posting Komentar