pemrograman internet

advertisement
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 lainwindow.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’.
Download