Sekilas
tentang JavaScript
Javascript adalah bahasa skrip yang ditempelkan pada kode
HTML dan diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen
HTML menjadi semakin luas. Sebagai contoh, dengan menggunakan JavaScript
dimungkinkan untuk memvalidasi masukanmasukan pada formulir sebelum formulir
dikirimkan ke server. Javascript bukanlah bahasa Java dan merupakan dua bahasa
yang berbeda. Javascript diinterpretasikan oleh klien (kodenya bisa dilihat
pada sisi klien), sedangkan kode Java dikompilasi oleh pemrogram dan hasil
kompilasinyalah yang dijalankan oleh klien.
Struktur
JavaScript
Struktur
dari JavaScript adalah sbb :
<SCRIPT LANGUAGE = ”JavaScript”>
<!- -
Penulisan kode javascript
// - - >
</SCRIPT>
Keterangan
:
Kode
<!- - // - - > umumnya disertakan dengan tujuan agar sekiranya browser
tidak mengenali JavaScript maka browser akan memperlakukannya sebagai komentar
sehingga tidak ditampilkan pada jendela browser.
JavaScript
sebagai bahasa berorientasi pada obyek
Properti
Properti
adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna
mobil.
Penulisan
:
Nama_objek.nama_properti
= nilai
window.defaultStatus
= ”Selamat Belajar Dasar-Dasar JavaScript”;
Metode
Metode
adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan
terhadap
objek.
Penulisan
:
Nama_objek.nama_metode(parameter)
document.write
(”Hallo Sahabat Sampul Ilmu”)
Letak
JavaScript dalam HTML
Skrip
Javascript dalam dokumen HTML dapat diletakkan pada :
1.
Bagian Head
2.
Bagian Body (jarang digunakan).
Contoh
Dasar-Dasar JavaScript
Sebelum mencoba belajar JavaScript
Terlebih dahulu buatlah halaman HTML di komputer anda, untuk cara pembuatannya
clik disini
Pemakaian
alert sebagai property window
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman
HTML anda Yang Telah dibuat sebelumnya.
<HTML>
<HEAD>
<TITLE>Alert Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Mari Belajar Bersama Sampul Ilmu");
//-->
</SCRIPT>
</BODY>
</HTML>
Pemakaian
metode dalam objek.
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman
HTML anda Yang Telah dibuat sebelumnya.
<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>
Pemakaian
prompt
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman
HTML anda Yang Telah dibuat sebelumnya.
<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>
Pembuatan
fungsi dan cara pemanggilannya
Copy Code Dibawah ini yang (berwarna biru) dan Paste kedalam Halaman
HTML anda Yang Telah dibuat sebelumnya.
<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>
EmoticonEmoticon