Mengenal JavaScript A’ud Solehuddin::Januari2012
Mengenal Program JavaScript skripjav.htm <HTML><HEAD> Skrip JavaScript Skrip JavaScript </HEAD><BODY> Percobaan memakai JavaScript: Percobaan memakai JavaScript: <!-- document.write("Selamat Mencoba JavaScript "); document.write("Selamat Mencoba JavaScript "); document.write("Semoga sukses!"); document.write("Semoga sukses!");//--></SCRIPT></BODY></HTML>
Kode JavaScript <!-- document.write("Selamat Mencoba JavaScript "); document.write("Selamat Mencoba JavaScript "); document.write("Semoga sukses!"); document.write("Semoga sukses!");//--></SCRIPT> Diawali tag dan diakhiri tag Diawali tag dan diakhiri tag Tag dilengkapi dengan atribut LANGUANGE dengan nilai "JavaScript" Tanda 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 "); 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 Kesalahan dalam tag
JavaScript Sebagai Bahasa Berorientasi Objek Objek merupakan dasar utama Tersusun atas: Properti Properti Metode Metode Penangan kejadian Penangan kejadian
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 lengkap: <HTML><HEAD> Properti defaultStatus Properti defaultStatus </HEAD><BODY> Tes defaultStatus Tes defaultStatus <!-- window.defaultStatus = "Selamat belajar 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> Tes Kejadian Tes Kejadian Cobalah meletakkan penunjuk mouse ke link berikut 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 = " onMouseOver = "window.status = onMouseOver = "window.status = 'Anda menyorot link, lho'; 'Anda menyorot link, lho'; return true" return true" onMouseOut = "window.status = ''; onMouseOut = "window.status = ''; return true">Fujitsu return true">Fujitsu </BODY></HTML>
onMouseOver onMouseOver = "window.status = 'Anda menyorot link, lho'; 'Anda menyorot link, lho'; return true" 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> Pemasukan Data Pemasukan Data </HEAD><BODY> <!-- var nama = prompt("Siapa nama Anda?"); var nama = prompt("Siapa nama Anda?"); document.write("Hai, " + nama); document.write("Hai, " + nama);//--></SCRIPT></BODY></HTML>
Mengenal Jendela Peringatan <HTML><HEAD> Alert Box Alert Box </HEAD><BODY> <!-- window.alert("Ini merupakan pesan untuk Anda"); window.alert("Ini merupakan pesan untuk Anda");//--></SCRIPT></BODY></HTML>
Mengenal Jendela Konfirmasi <HTML><HEAD><TITLE>Konfirmasi</TITLE></HEAD><BODY> <!-- var jawaban = window.confirm( var jawaban = window.confirm( "Anda ingin meneruskan?"); "Anda ingin meneruskan?"); document.write("Jawaban Anda: " + jawaban); document.write("Jawaban Anda: " + jawaban);//--></SCRIPT></BODY></HTML>
OKCancel
End of Mengenal JavaScript