Mengenal JavaScript

Download Report

Transcript Mengenal JavaScript 

Mengenal JavaScript
A’ud Solehuddin::Januari2012
Mengenal Program JavaScript
skripjav.htm
<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>
Kode JavaScript
<SCRIPT LANGUAGE = "JavaScript">
<!-document.write("Selamat Mencoba JavaScript<BR>");
document.write("Semoga sukses!");
//-->
</SCRIPT>
Diawali tag <SCRIPT> dan diakhiri tag
</SCRIPT>
 Tag <SCRIPT> dilengkapi dengan atribut
LANGUANGE dengan nilai "JavaScript"
 Tanda <!-- dan //--> digunakan untuk
mencegah ditampilkan pada browser bila tidak
dikenali

Pernyataan
 Adalah
sebuah perintah yang berdiri
sendiri dan menghasilkan suatu tindakan
document.write("Selamat Mencoba JavaScript<BR>");
Untuk menulis sesuatu ke dalam document Html
 Pernyataan
diatas berfungsi untuk
menampilkan string pada jendela browser
Mengenal Pesan Kesalahan
 Kode
JavaScript yang salah sintaks akan
membuat browser menampilkan kotak
dialog berisi pesan kesalahan
 Contoh: mengubah tulisan document
menjadi DOCUMENT
Kesalahan Umum
 Kesalahan
karena penulisan huruf kapital
dan huruf kecil
 Penggunaan tanda kutip yang tidak cocok
 Kesalahan dalam tag <SCRIPT>
JavaScript Sebagai Bahasa
Berorientasi Objek
 Objek
merupakan dasar utama
 Tersusun atas:



Properti
Metode
Penangan kejadian <event handler>
Properti



Adalah atribut objek
Contoh objek: mobil -> properti: warna mobil
Contoh objek: document
 Mengakses properti: untuk mengakses property
memakai titik.
nama_objek.nama_properti
 Contoh objek: window
properti: defaultStatus
akses:
window(objek).defaultStatus(property
)
Penugasan Properti
Sintaks: objek.properti = nilai
 Contoh:

window.defaultStatus = "Selamat belajar JavaScript";
 Contoh
<HTML>
lengkap:
<HEAD>
<TITLE>Properti defaultStatus</TITLE>
</HEAD>
<BODY>
<H1>Tes defaultStatus</H1>
<SCRIPT LANGUAGE = "JavaScript">
<!-window.defaultStatus = "Selamat belajar JavaScript";
//-->
</SCRIPT>
</BODY>
</HTML>
Metode
 Adalah
kumpulan kode yang digunakan
untuk melakukan sesuatu tindakan
terhadap objek
 Contoh: write() pada objek document
digunakan untuk menulis ke jendela
browser
 Contoh: document.write("Halo");
 "Halo" adalah parameter, yaitu nilai
yang akan diproses oleh metode
Penangan Kejadian
 Adalah
sekumpulan kode yang akan
dijalankan bila pemakai melakukan
tindakan tertentu (kejadian)
 Contoh: pemakai mengklik tombol mouse
 Sintaks: nama_kejadian = "kumpulan kode"
 Contoh kejadian: onMouseOver dan
onMouseOut
event.htm
<HTML>
<HEAD>
<TITLE>Kejadian</TITLE>
</HEAD>
<BODY>
<H1>Tes Kejadian</H1>
<P>Cobalah meletakkan penunjuk mouse ke link berikut
dan perhatikan isi baris status.
Kemudian pindahkan penunjuk mouse dari
link berikut dan perhatikan isi baris status
</P>
<A HREF = "www.fujitsu.com"
onMouseOver = "window.status =
'Anda menyorot link, lho';
return true"
onMouseOut = "window.status = '';
return true">Fujitsu</A>
</BODY>
</HTML>
onMouseOver
onMouseOver = "window.status =
'Anda menyorot link, lho';
return true"
 Pernyataan
"window.status='Anda menyorot link, lho';
digunakan untuk menampilkan tulisan
"Anda menyorot link, lho" ke baris status
 Pernyataan return true mengisyaratkan
operasi berhasil, sebaliknya return false
Menangani Pemasukan Data
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!-var nama = prompt("Siapa nama Anda?");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
Mengenal Jendela Peringatan
<HTML>
<HEAD>
<TITLE>Alert Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!-window.alert("Ini merupakan pesan untuk Anda");
//-->
</SCRIPT>
</BODY>
</HTML>
Mengenal Jendela Konfirmasi
<HTML>
<HEAD>
<TITLE>Konfirmasi</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!-var jawaban = window.confirm(
"Anda ingin meneruskan?");
document.write("Jawaban Anda: " + jawaban);
//-->
</SCRIPT>
</BODY>
</HTML>
OK
Cancel
End of
Mengenal JavaScript