PENGENALAN JAVA SCRIPT PEMROGRAMAN INTERNET1-6/LINDA SUVI RAHMAWATI STMIK PPKIA Pradnya Paramita @2014 STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI RAHMAWATI [email protected] SEJARAH JAVA SCRIPT Diperkenalkan oleh Nescape tahun 1995 Awalnya dinamakan “LiveScript” sebagai bahasa sederhana yang digunakan untuk browser Netscape Navigator 2 Kemudian Netscape kerja sama dengan SUN Microsystem menjadi JAVASCRIPT Kemudian Microsoft mengadaptasi teknologi tersebut dengan sebutan Jscript pada browser Explorer 3 KARAKTERISTIK JAVA SCRIPT Suatu Script yang berjalan secara client site yang disisipkan pada dokumen HTML Bahasa pemrograman yang dapat memberikan kemampuan tambahan terhadap bahasa HTML JavaScript bersifat Case Sensitive Sintaks penulisan Javascript memiliki kemiripan dengan bahasa pemrograman Java dan Juga C Javascript dikembangakan Netscape disebut Web Script Javascript dikembangakan Sun Microsystems disebut applet KEPERLUAN JAVA SCRIPT Teks Editor Web Browser SINTAKS JAVA SCRIPT <script language=”javascript”> <!—// pendefinisian variabel atau objek /* statement – statement javascript */ //--> </script> Atau <script type=”text/javascript”> <!—// pendefinisian variabel atau objek /* statement – statement javascript */ </script> //--> JAVA SCRIPT SEBAGAI BAHASA BERORIENTASI PADA OBYEK Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil. Penulisan : Nama_objek.nama_properti = nilai window.defaultStatus = ”Selamat Belajar JavaScript”; Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan terhadap objek. Penulisan : Nama_objek.nama_metode(parameter) document.write (”Hallo”) PENULISAN JAVA SCRIPT a) Java script ditulis pada file yang sama b) Javascript ditulis pada file terpisah Untuk penulisan dengan cara ini, perintah yang digunakan adalah <SCRIPT LANGUANGE =”JavaScript” >program java script disini</SCRIPT>. Perintah tersebut biasanya diletakkan diantara Tag <BODY>…</BODY> Contoh Penulisan : <HTML> <HEAD><TITLE>……….</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE=”Javascript”> kode javascript disini </SCRIPT> kode HTML disini </BODY> </HTML> Kode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya tidak terlalu panjang. Atribut yang digunakan adalah <SCRIPT SRC=”namafile.js”>…</SCRIPT> Diantara tag <SCRIPT………> dan <SCRIPT> tidak diperlukan lagi kode Javascriptnya karena sudah dibuat dalam file erpisah. File yang mengandung kode Javascript berekstensi .js PENEMPATAN SKRIP JAVA SCRIPT 1. Body dalam dokumen HTML 2. Header, dalam bentuk function 3. Terpisah dari dokument HTML(External JavaScript) <HTML> <HEAD> </HEAD> <BODY> <script language=”javascript”> // Baris kode javascript diketik disini // Setiap perintah diakhiri tanda; <script> </BODY></HTML> <HTML> <HEAD> <script language=”javascript”> function namafunction(parameterinput) // Baris kode fungsi disini dan diakhiri oleh } </script> </HEAD> <BODY> ...... ...... Function – function JavaScript yang dibuat dipanggil dalam BODY ...... </BODY> </HTML> Bilamana JavaScript diletakkan pada file (file.js) terpisah dengan file y dipanggil oleh file tersebut. Contoh penulisan Java dari external javascript: <html> <head> </head> <body> <SCRIPT language = “javascript” src=”file.js”></SCRIPT> </body> </html> File.js adalah : document.write("<font color=red><center>”); document.write("This message is written when the page loads</center></font>"); Untuk memeberikan komentar dalam skrip JavaScript menggunakan : Untuk menulis komentar dalam satu baris kita gunakan karakter dobel slash. // semua karakter di belakang // tidak akan di eksekusi Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter /* dan */ /* Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator */ PERINTAH MENCETAK JAVA SCRIPT 1. Objek Document Property dari Objek Document Untuk memberikan warna huruf document.fgColor= “warna”; Untuk memberikan caption / judul pada window document.title = “judul_window”; Untuk menuliskan semua eksekusi isi window / menulis teks tanpa ganti baris document.write (“ tempat eksekusi”); Untuk menuliskan semua eksekusi isi window / menulis teks dengan ganti baris document.writeln (“ tempat eksekusi”); PERINTAH MENCETAK JAVA SCRIPT 2. Objek Window Method dari objek Window Untuk memunculkan message box atau pesan peringatan window.alert(“pesan”); Untuk memunculkan pesan konfirmasi window.confirm(“pesan”); Untuk mencetak sebuah inputan window.prompt (“ pesan”); Untuk membuka jendela dialog print window.print (); Untuk melakukan redirect ke halaman lainwindow.location = “alamat file”; PERINTAH MENCETAK JAVA SCRIPT 3. Tanda Penghubung Tanda penghubung dalam JavaScript adalah (+). Tanda ini digunakan untuk menghubungkan variable dan string, atau variabel dan variabel. Contoh: Nama=”Kucing” Document.write(“nama hewan:”+Nama) \\Hasil: ‘nama hewan:Kucing’.