Dalam artikel aku sebelumnya pernah aku bahas wacana Menampilkan Javacript Pada HTML. Kali ini aku akan menjelaskan penulisan j4vascript di HTML.
Ada 3 cara untuk menuliskan Javascript :
- Diletakkan diantara tag <head></head>
- Diletakkan didalam <body></body>
- Eksternal
1. Script diantara tag <head></head>
Script diantara tag <head></head> akan dihukum ketika dipanggil (berbentuk function) atau dipanggil menurut trigger pada event tertentu. Meletakkan script didalam <head> script otomatis akan di load terlebih dahulu sebelum digunakan/dipanggil.
Berikut teladan untuk meletakkan Javascript didalam <head> :
Simpan script diatas dengan ektensi .html. Jalankan pada browser kesayangan anda. Maka untuk tampilannya menyerupai ini :
2. Script didalam <body></body>
Javascript akan dihukum dikala halaman di load hingga pada bab <body>. Saat menuliskan script didalam <body> maka antara isi halaman dan script j4vascript dijadikan satu bagian.Daripada galau pribadi aku kasih teladan j4vascript didalam <body>.
Simpan script diatas dengan ektensi .html. Jalankan pada browser dan untuk tampilannya akan menyerupai dibawah ini :
3. Eksternal
Fungsi dari cara eksternal yaitu jikalau ingin menjalankan j4vascript yang sama dalam beberapa kali pada halaman yang berbeda. Daripada harus menulis ulang script yang ingin dibentuk di setiap halaman.Menggunakan cara ini berarti script j4vascript dan html akan terpisah. Langsung aku suka memberi teladan daripada banyak teori.
Script dibawah ini yaitu j4vascript yang akan digunakan.
Simpan script diatas dengan nama contoh.js
Kemudian menciptakan halaman html menyerupai 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 :
Sudahkah anda paham dengan klarifikasi dan teladan penulisan pada j4vascript diatas? Jika belum paham silahkan jangan ragu dan aib untuk bertanya dan berkomentar.
Semoga bermanfaat!!! Sumber http://creativitywhitoutlimits.blogspot.com
EmoticonEmoticon