Penulisan Javascript

Posted by Yogo Prestiyanto on Sunday, November 25, 2012

Dalam artikel saya sebelumnya pernah saya bahas tentang Menampilkan Javacript Pada HTML. Kali ini saya akan menjelaskan penulisan javascript di HTML.
Ada 3 cara untuk menuliskan Javascript :

  1. Diletakkan diantara tag <head></head>
  2. Diletakkan didalam <body></body>
  3. Eksternal

1. Script diantara tag <head></head>

Script diantara tag <head></head> akan dieksekusi ketika dipanggil (berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Meletakkan script didalam <head> script otomatis akan di load terlebih dahulu sebelum digunakan/dipanggil.
Berikut contoh untuk meletakkan Javascript didalam <head> :



Simpan script diatas dengan ektensi .html. Jalankan pada browser kesayangan anda. Maka untuk tampilannya seperti ini :

Penulisan Javascript














2. Script didalam <body></body>

Javascript akan dieksekusi saat halaman di load sampai pada bagian <body>. Saat menuliskan script didalam <body> maka antara isi halaman dan script javascript dijadikan satu bagian.
Daripada bingung langsung saya kasih contoh javascript didalam <body>.



Simpan script diatas dengan ektensi .html. Jalankan pada browser dan untuk tampilannya akan seperti dibawah ini :

Penulisan Javascript

















3. Eksternal

Fungsi dari cara eksternal adalah jika ingin menjalankan javascript yang sama dalam beberapa kali pada halaman yang berbeda. Daripada harus menulis ulang script yang ingin dibuat di setiap halaman.
Menggunakan cara ini berarti script javascript dan html akan terpisah. Langsung saya suka memberi contoh daripada banyak teori.
Script dibawah ini adalah javascript yang akan digunakan.



Simpan script diatas dengan nama contoh.js
Kemudian membuat halaman html seperti dibawah ini.



Simpan script diatas dengan nama index.html, buat satu folder bersama file contoh.js. Kemudian jalankan index.html pada browser, untuk tampilannya sebagai berikut :

Penulisan Javascript















Sudahkah anda paham dengan penjelasan dan contoh penulisan pada javascript diatas? Jika belum paham silahkan jangan ragu dan malu untuk bertanya dan berkomentar.
Semoga bermanfaat!!!

   

6 comments:

  1. pusing kalo liat kode javascript :D

    Salam Sehat Sesama Anggota Grup Republik Blogger Nusantara dari Khewayz

    ReplyDelete
    Replies
    1. hha, jngan diliat gan emang jadi pusing klo cuman diliat trs @khewayz

      Salam RBN

      Delete
  2. Hadowwh javascript ane gk bsa ngerti-ngerti ,,,

    salam blogwalking
    http://srezky.blogspot.com

    RBN

    ReplyDelete
  3. alhamdulillah dah faham..lanjut ke php script :) nice blog..koment back ya http://jodyworld.id-fb.com/

    ReplyDelete