Tutorial Java Script

Subyek: Tutorial Java Script Sat Jun 30, 2012 1:05 pm

Belajar JavaScript

Pengenalan JavaScript
JavaScript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa yang disebut JavaScript ini dulunya dinamai "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2 yang sangat populer saat itu. JavaScript merupakan bahasa pemrograman yang "sederhana" karena tidak bisa digunakan untuk membuat suatu aplikasi atau pun applet. JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Dengan JavaScript kita bisa dengan mudah membuat sebuah halaman web yang interaktif. JavaScript merupakan client side scripting yakni pemrosesan statement disisi client (browser). Oleh karena itu browser sangat berpengaruh disini.

Apa yang bisa dilakukan JavaScript :

Menciptakan halaman web yang lebih interaktif dan menarik.
Dapat memberikan text/content yang dinamis kedalam halaman HTML.
Dapat memberikan reaksi tertentu pada suatu event.
JavaScript bisa digunakan untuk validasi data pada form HTML sebelum dikirim ke server. Contoh pada validasi e-mail.
Mendeteksi banyaknya pengunjung pada browser.
JavaScript juga sering digunakan sebagai trik, misalnya memberikan efek mouseover pada suatu image atau link. Dengan efek ini, suatu gambar dapat berubah ketika mouse didekatkan ke gambar tersebut dan masih banyak lagi.

Ada beberapa hal penting dalam JavaScript yaitu :

Menggunakan blok awal "{" dan blok akhir "}".
Case Sensitive artinya membedakan penamaan variable dan fungsi yang menggunakan huruf besar dan huruf kecil.
Extension umumnya menggunakan "*.js".
Setiap statement dapat diakhiri dengan ";" sebagaimana dengan C++, tetapi dapat juga tidak.
Jika tidak didukung dalam browser versi lama, Scriptnya dapat disembunyikan diantara tag "".
Jika program dalam satu baris terlalu panjang dapat disambung ke baris berikut dengan karakter "\".

Bentuk Script dari JavaScript
Script dari JavaScript terletak di dalam dokumen HTML. Kode tersebut tidak akan terlihat dalam jendela browser, karena ada tag tertentu yang memerintahkan browser untuk memperlakukan bahwa script tersebut adalah script dari JavaScript.

JavaScript dapat dituliskan dalam sebuah dokumen HTML dengan 2 cara :

Sebagai statement dan fungsi menggunakan tag SCRIPT.
Sebagai pengontrol perintah menggunakan tag HTML.

Tag SCRIPT yang dituliskan dalam HTML dituliskan sebagai berikut :
<SCRIPT>
JavaScript statements................
</SCRIPT>

SCRIPT tersebut belum menunjukkan bahasa JavaScript, dan untuk memasukkan bahasa JavaScriptnya tinggal menggunakan atribut LANGUAGE = JavaScript, lengkapnya seperti berikut :
<SCRIPT LANGUAGE="JavaScript">
JavaScript statements................
</SCRIPT>

Meletakkan JavaScript dalam Dokumen HTML
Ada beberapa cara untuk meletakkan kode JavaScript di dalam halaman HTML.

Internal dalam file HTML
Pada umumnya kita meletakkan tag <script> diantara bagian kepala dari dokumen HTML, yaitu bagian antara tag <head> dan </head>. Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan dokumen HTML atau bisa kita sebut diantara tag <body> dan </body>.
Menggunakan file ekstern
Cara berikutnya adalah menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript dipanggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas).

Kode yang kita sisipkan ke dalam dokumen HTML adalah sebagai berikut :

<SCRIPT language="JavaScript" SRC="url/file.js"> </SCRIPT>

Dimana url/file.js adalah lokasi dan nama file yang berisi kode JavaScript, jika perintah tambahan SRC tidak disertakan maka tag SCRIPT akan mencari kode yang terletak dalam tag SCRIPT.

Contoh :
Simpan dengan nama "luar.js"

window.status="selamat semoga sukses... ";

Simpan dengan nama "eksternal.html"

<html>
<head>
<scriptlanguage="javascript"src="luar.js"></script>
</head>
<body>
<p>Ini contoh JavaScript dari luar<br />
<b>Lihat pojok kiri bawah</b></p>
</body>
</html>

eksternal.html

Memberikan Komentar (script tidak tereksekusi)
Seringkali pada browser versi lama, sebelum adanya JavaScript tidak mengenal tag JavaScript dan tidak akan melewatkannya untuk dibaca. Contoh kode diatas tidak akan terlihat di browser kita, akan tetapi dia akan menampilkan jendela peringatan (berupa kotak dialog) karena script tersebut tidak lengkap, maksudnya pada <SCRIPT language="javascript">, language="javascript"> nya tidak terbaca oleh browser sehingga akan merusak dokumen HTML yang akan kita buat. Maka kita perlu tambahkan tag komentar agar scriptnya tidak dibaca sebagai script akan tetapi dibaca sebagai komentar dan tidak akan dieksekusi sebagai program.

Contoh penggunaannya bisa seperti di bawah ini :

<SCRIPT language="javascript">

</SCRIPT>

JavaScript mendukung dua bentuk format untuk komentar :

Komentar satu baris, diawali dengan suatu double slash (//)
Komentar banyak baris, diawali dengan suatu /* dan diakhiri dengan suatu */

Menggunakan Tag <NOSCRIPT>
Tag ini digunakan untuk menampilkan pesan ke browser yang tidak mendukung JavaScript dan jika browser sudah mendukung JavaScript maka tag ini akan diabaikan dan isinya tidak akan ditampilkan.

Contoh :
Simpan dengan nama "cek.html"
<html>
<body>
<NOSCRIPT>
Halaman ini menggunakan program JavaScript,
Browser anda belum mendukungnya..!!
</NOSCRIPT>
<SCRIPT language="javascript">
document.write ("Browser yang ini sudah mendukung JavaScript dengan baik")
</SCRIPT>
</body>
</html>

Dengan tag <NOSCRIPT> ini minimal ada pemberitahuan dari browser bahwa halaman yang dibuka mengandung program JavaScript, dan memberitahukan bahwa browser yang digunakan belum mendukungnya.

cek.html not support.jpg

cek.html support

Catatan :
Jika browser sudah mendukung JavaScript dan dinonaktifkan maka JavaScript yang kita buat tidak berjalan.

Tipe Data

Numerik
Integer (bilangan bulat)
Float (bilangan desimal)
String (karakter, angka, tanda baca)
Boolean (bernilai true atau false)