JavaScript

JavaScript

Apa dan untuk apa JavaScript?

JavaScript dikembangkan pertama sekali oleh Netscape, merupakan bahasa script paling populer pada internet dan kompatibel dengan berbagai browser

Javascript dirancang untuk menambah interaktivitas halaman-halaman HTML.

JavaScript adalah bahasa scripting (teks biasa – tanpa di compile) bebas lisensi dan mudah untuk dipelajari dan digunakan dibanding bhs programming tradisional.

JavaScript bekerja pada sisi client (client side). Browsers menterjemahkan statemen (perintah) JavaScript yang disisipkan (embedded) secara langsung pada halaman HTML.

JavaScript dirancang untuk digunakan pada halaman Web dan terintegrasi dengan HTML.

Statemen JavaScript yang disisipkan pada halaman HTML dapat mengenal dan merespon User Events seperti Mouse Clicks, Form Input, dan Page Navigation.

JavaScript dapat membaca dan menulis elemen-elemen HTML

JavaScript dapat digunakan untuk validasi data - Sebagai contoh dalam Form Isian

JavaScript dapat digunakan untuk deteksi browser pengunjung (nama, versi dll)

JavaScript dapat digunakan untuk membuat cookies – Suatu informasi yang distore pada komputer pengunjung untuk kemudian diretrieve untuk menegnal pengunjung tersebut.

Bagaimana cara menggunakan JavaScript ?

Kode JavaScript ditempatkan didalam file HTML, dengan demikian kode JavaScript dapat dibuat dengan cara yang sama membuat HTML yaitu menggunakan editor teks seperti WordPad ataupun NotePad.

Ada dua cara memasukkan JavaScript dalam dokumen HTML :

Menggunakan tag HTML yang menangani event.

Menyisipkan kodet JavaScript didalam tag <SCRIPT>...</SCRIPT>

1. Menangani Event

Menangani Event akan mengubah halaman yang statis menjadi lebih dinamis.

Event adalah hasil terhadap aksi yang dilakukan oleh pemakai, seperti klik pada mouse, klik pada tombol submit di suatu form, dan keluar dari halaman.

JavaScript menggunakan Event Handlers untuk merespon Event.

Event Handlers telah ditulis kedalam berbagai jensi tag HTML dan tidak diperlukan lagi tag <SCRIPT>.

Sebagai contoh, berikut ini adalah contoh kombinasi HTML dan JavaScript untuk memberi pesan bagi user.

Contoh: Event Click

<HTML>

<BODY>

<FORM>

</FORM>

</BODY>

</HTML>

Bentuk "onClick" adalah Event Handler, sebagai atribut dari tag <INPUT> dalam suatu HTML. Sedangkan kode JavaScript berda dalam tanda petik yaitu: "alert('Terimakasih')"

Kebanyakan (tidak semua) element-elemen pada halaman web merespon thdp interaktivitas user (seperti: keystrokes, mouse clicks) dengan membuat events Handlers dapat ditempatkan pada elemen form HTML

Contoh 2

<HTML>

<BODY>

</BODY>

<HTML>

* name : dapat digunakan oleh kode JavaScript lain

* value : yang muncul pada button (yaitu: “Click me”)

* onclick : nama event yang di handle

* Nilai dari elemen onclick adalah kode JavaScript code yang di execute yaitu

"alert('You clicked the button!');"

Catatan:

JavaScript adalah case sensitive (HTML tidak case sensitive)
onclick="alert('You clicked the button!');"

· Bagian yang digaris bawahi (onclick) adalah HTML

· Sedangkan yang berda dalam tanda petik (quote) adalah JavaScript

· Sehingga sering terlihat onclick di ganti huruf bersar menjadi onClick untuk memudahkan dibaca tapi tidak untuk alert (JavaScript)

Tanda petik tunggal dan dobel digunakan dalam hal ini karena ada tanda petik didalam tanda petik.
Menempatkan semicolon (;) pada setiap statemen adalah optional kecuali jika lebih dari statemen dalam satu baris.
<script type="text/javascript"> juga dapat dituliskan sebagai <script language="javaScript">

Menagani Browser versi lama (tidak support JavaScript)

Browser versi lama umumnya tidak mendukung java script dan akan menampilkan code script sebagi content. Untuk mencegah hal ini terjadi digunakan tag commnet HTML seperti diperlihatkan berikut:

Komentar
JavaScript mendukung dua bentuk format untuk komentar:

Komentar satu baris yang diawali dengan suatu double slash (//)

Komentar banyak baris yang diawali dengan suatu /* dan diakhiri dengan suatu */

Event-event Umum

Kebanyakan elemen HTML menghasilkan even berikut:

onClick -- elemen form untuk di

onDblClick -- elemen form di click dua kali secara berturutan (dobel click)

onMouseDown – tombol mouse ditekan saat berada diatas elemen form

onMouseOver -- mouse digerakkan diatas elemen form

onMouseOut -- mouse digerakkan menjauh elemen form

onMouseUp -- tekanan tombol mouse dilepas sementra berada diatas elemen form

onMouseMove -- mouse digerakkan

Contoh 3: MouseOver dan MouseOout (Rollover )

<html>

<body>

<h1 onMouseOver="style.color='red';"
onMouseOut="style.color='blue';">Hello </h1>

</body>

</html>

Seacrh By Labels

Archive

Formulir Kontak

Bebas Bayar

Kategori