JavaScript: Perbedaan antara revisi
→Penulisan JavaScript: mengganti file -> berkas, permintaan referensi, |
|||
| Baris 11: | Baris 11: | ||
== Penulisan JavaScript == |
== Penulisan JavaScript == |
||
[[Kode]] JavaScript biasanya dituliskan dalam bentuk [[fungsi]] yang ditaruh di tag <head> yang dibuka dengan [[tag]]<code> <script type="teks/javascript"></code>. |
[[Kode]] JavaScript biasanya dituliskan dalam bentuk [[fungsi]] yang ditaruh di tag <head> yang dibuka dengan [[tag]]<code> <script type="teks/javascript"></code>.{{fact}} |
||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
<script type="teks/javascript"> |
<script type="teks/javascript"> |
||
| Baris 17: | Baris 17: | ||
<script> |
<script> |
||
</source> |
</source> |
||
Kode JavaScript juga bisa diletakkan di [[file]] tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:<ref>Zainal Arifin & Smitdev Community, ''36 Menit Belajar Komputer: Php Dan Mysql''. Elex Media Komputindo.</ref> |
Kode JavaScript juga bisa diletakkan di [[file]] tersendiri yang berekstensi .js (singkatan dari JavaScript).{{fact}} Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:<ref>Zainal Arifin & Smitdev Community, ''36 Menit Belajar Komputer: Php Dan Mysql''. Elex Media Komputindo.</ref> |
||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
<script type="teks/javascript" src="alamat.js> |
<script type="teks/javascript" src="alamat.js> |
||
| Baris 25: | Baris 25: | ||
=== Script pada bagian head === |
=== Script pada bagian head === |
||
[[Script]] ini akan dieksekusi ketika dipanggil (biasanya berbentuk '' |
[[Script]] ini akan dieksekusi ketika dipanggil (biasanya berbentuk ''function'') atau dipanggil berdasarkan ''trigger'' pada ''event'' tertentu.{{fact}} Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).{{fact}} |
||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
<html> |
<html> |
||
| Baris 36: | Baris 36: | ||
=== Script pada Body === |
=== Script pada Body === |
||
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan [[satu]] bagian. |
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>.{{fact}} Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan [[satu]] bagian.{{fact}} |
||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
<html> |
<html> |
||
| Baris 48: | Baris 48: | ||
</html></source> |
</html></source> |
||
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas. |
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.{{fact}} |
||
=== External JavaScript === |
=== External JavaScript === |
||
Terkadang |
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus [[menulis]] ulang script yang diinginkan di setiap halaman.{{fact}} Maka JavaScript dapat ditulis di file secara eksternal.{{fact}} Jadi, antara dokumen [[HTML]] dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML.{{fact}} File<!--ganti file menjadi berkas--> JavaScript tersebut disimpan dengan ekstensi .js.{{fact}} |
||
'''JavaScript : js/xxx.js''' |
'''JavaScript : js/xxx.js''' |
||
<code>document.write("pesan ini tampil ketika halaman diload");</code> |
<code>document.write("pesan ini tampil ketika halaman diload");</code> |
||
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya. |
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.{{fact}} |
||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
<html> |
<html> |
||
Revisi per 22 April 2010 14.27
JavaScript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.[1]
Mengenal JavaScript
Dilihat dari namanya yang mengandung kata "Java" banyak orang sering kali menyangka bahwa JavaScript ada hubungan khusus dengan bahasa pemrograman Java.[butuh rujukan] Padahal sebenarnya tidak ada hubungan secara langsung antara JavaScript dengan Java. [2]
Yang pertama kali merancang JavaScript adalah perusahaan bernama Netscape Navigator yang ingin melengkapi fitur browser miliknya -Navigator- yang sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java.[butuh rujukan] Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut.[butuh rujukan] Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.[2]
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX.[butuh rujukan] JavaScript adalah bahasa yang digunakan untuk AJAX.[2]
Penulisan JavaScript
Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="teks/javascript">.[butuh rujukan]
<script type="teks/javascript">
alert("Halo Dunia!");
<script>
Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript).[butuh rujukan] Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:[3]
<script type="teks/javascript" src="alamat.js>
</script>
Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu.[butuh rujukan] Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).[butuh rujukan]
<html>
<head>
<script type="teks/javascript">
...
</script>
</head>
</html>
Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>.[butuh rujukan] Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.[butuh rujukan]
<html>
<head>
</head>
<body>
<script type="teks/javascript">
...
</script>
</body>
</html>
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.[butuh rujukan]
External JavaScript
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman.[butuh rujukan] Maka JavaScript dapat ditulis di file secara eksternal.[butuh rujukan] Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML.[butuh rujukan] File JavaScript tersebut disimpan dengan ekstensi .js.[butuh rujukan]
JavaScript : js/xxx.js
document.write("pesan ini tampil ketika halaman diload");
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.[butuh rujukan]
<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di file "xx.js" (eksternal) </p>
</body>
</html>
