Belajar Javascript

Bentuk script dari Javascript
Skrip dari javascript terletak di dalam dokumen HTML. Kode tersebut tidak akan terlihat dari dalam jendela navigator / browser kamu, karena diantara tag (kalo kamu mengerti HTML pasti tahu dengan istilah ini) tertentu yang memerintahkan navigator untuk memberlakukan bahwa skrip tersebut adalah skrip dari Javascript. Contoh dari skrip yang menunjukkan bahwa skrip tersebut adalah skrip dari Javascript adalah sebagai berikut :

<SCRIPT language=”Javascript”>

    Letakkan script kamu disini

</SCRIPT>

Memberikan komentar (membuat script tidak tereksekusi)
Sering kali pada navigator versi lama, sebelum adanya Javascript, tidak mengenal tag tersebut dan akan melewatkannya untuk di baca. Contoh kode diatas tidak akan terlihat di navigator kita, akan tetapi dia akan menampilkan jendela peringatan (berupa kotak dialog) karena script tersebut tidak lengkap dan akan merusak dokumen HTML yang sudah kita buat dengan bagusnya. Untuk itu maka kita tambahkan tag komentar agar skripnya tidak dibaca sebagai skrip, akan tetapi di baca sebagai komentar dan tidak akan dieksekusi sebaai program. Contohnya gini :

<SCRIPT language=”Javascript”>

    <! --

        Letakkan script kamu disni

    //  -->

</SCRIPT>

Seperti dalam banyak bahasa pemograman lainnya, sangat dianjurkan untuk menambahkan komentar di dalam skrip atau kode program yang kita bikin. Kegunaannya antara lain :

Mengingatkan kita akan bagian-bagian khusus di dalam skrip tersebut, jika kita ingin merubah sesuatu di dalamnya, mungkin beberapa bulan kemudian dan kita sudah lupa dengan detail alur dari skrip tersebut.
Membuat orang yang tidak mengerti skrip kamu, menjadi mengerti dengan petunjuk-petunjuk yang kamu bikin melalui komentar, kecuali kamu tidak mau mensharing program yang kamu miliki.

Untuk menulis komentar di Javascript, kita bisa menggunakan cara yang sama dengan aturan yang ada di bahasa C/C++ atau Java

Untuk menulis komentar dalam satu baris kita gunakan karakter dobel slash

Code:

//semua karakter dibelakang (//) 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 browser */[/list]

!!!Perhatikan!!!
Perbedaan tag komentar untuk bahasa HTML (diantaranya untuk menyembunyikan skrip dari beberapa browser versi lama) dan tag komentar Javascript (untuk keperluan dokumentasi skrip)

Contoh program Javascript
Pada contoh berikut ini adalah contoh skrip Javascript didalam suatu dokumen HTML, disni akan membuat satu program untuk menampilkan satu kotak dialog pada saat kita membuka dokumen HTML.

<html>

<head>

<title>Contoh Program Javascript</title>

</head>

<body>

    <script language=”Javascript”>

    <!--

        alert(“Halo !”);

    //-->

</script>

</body>

</html>

Meletakkan Javascript dalam dokumen HTML
Ada beberapa cara untuk meletakkan kode Javascript di dalam dokumen/halaman HTML

Menggunakan tag <SCRIPT>
Dengan menggunakan cara ini, pada saat mengakses satu halaman HTML kita harus menunggu sampai proses pemanggilan halaman itu selesai sepenuhnya, sebelum kita menjalankan program Javascript tersebut. Proses eksekusi kode HTML untuk menampilkan satu halaman dilakukan dari atas ke bawah, semakin banyak user yang mengakses halaman ini (dan seringnya gak sabar..) dapat menganggu proses pemanggilan tersebut. Pada kasus dimana pemanggilan suatu fungsi Javascript terjadi sebelum proses pemanggilan kode Javascript selesai dilakukan oleh navigator, maka akan timbul pesan error.
Oleh karena itu untuk menghindari kejadian diatas, maka pada umumnya kita meletakan 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>.
Keterangan tambahan di dalam tag <SCRIPT> menunjukkan jenis bahasa yang digunakan dan versinya, contohnya “Javascript”, “Javascript1.1”, “Javascript1.2” untuk bahasa Javascript atau bahasa lainnya, contohnya “VBScript”.
Jika kita ingin menggunakan beberapa versi Javascript di dalam satu halaman HTML (untuk menyesuaikan dengan kompatibelitas navigator), maka kita hanya perlu melerakkan kode-kode Javascript tersebut (berdasarkan versinya) kedalam beberapa tag <SCRIPT> dengan mencantumkan versi Javascriptnya.

<html> <head> <title>Contoh Program Javascript</title> <script language=”Javascript”> // Kode Javascript </script> </head> <body></body> </html>
Menggunakan file ekstern
Cara berikutnya adalah menuliskan kode program Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas). Kode yang kita sisipkan kedalam dokumen HTML adalah sebagai berikut :

<html> <head> <title>Contoh Program Javascript</title> <script language=”Javascript” src=”url/file.js”></script> </head> <body></body> <html>
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 di dalam tag script.
Melalui event tertentu
Event adalah sebutan dari satu action yang dilakukan oleh user, contohnya seperti klik tombol mouse. Kode dapat di tulis sebagai berikut :

<tag evenHandler=”kode Javascript yang akan dimasukkan”>
Dimana evenHandler adalah nama dari event tersebut.
Selamat belajar.... =))