Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Mengenal JavaScript A’ud Solehuddin::Januari2012
2
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>
3
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
4
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
5
Mengenal Pesan Kesalahan Kode JavaScript yang salah sintaks akan membuat browser menampilkan kotak dialog berisi pesan kesalahan Contoh: mengubah tulisan document menjadi DOCUMENT
6
Kesalahan Umum Kesalahan karena penulisan huruf kapital dan huruf kecil Penggunaan tanda kutip yang tidak cocok Kesalahan dalam tag Kesalahan dalam tag
7
JavaScript Sebagai Bahasa Berorientasi Objek Objek merupakan dasar utama Tersusun atas: Properti Properti Metode Metode Penangan kejadian Penangan kejadian
8
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 )
9
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>
11
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
12
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
13
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 = "www.fujitsu.com" 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>
14
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
15
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>
17
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>
18
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>
19
OKCancel
20
End of Mengenal JavaScript
Presentasi serupa
