JavaScript: Perbedaan antara revisi
k bot Menambah: cv:JavaScript |
Tidak ada ringkasan suntingan |
||
Baris 1: | Baris 1: | ||
'''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]]. |
|||
'''JavaScript''' adalah nama implementasi [[Netscape Communications Corporation]] untuk [[ECMAScript]] standar, suatu [[bahasa skrip]] yang didasarkan pada konsep [[pemrograman berbasis prototipe]]. Bahasa ini terutama terkenal karena penggunaannya di [[situs web]] (sebagai [[JavaScript sisi klien]]) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (''embedded'') di aplikasi lain. |
|||
[[Kode]] JavaScript dapat disisipkan dalam [[halaman]] [[web]] menggunakan [[tag]] SCRIPT.<ref name="andi">Andi Sunyoto, M. Kom, ''Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript & XML'', ANDI</ref> |
|||
== Mengenal JavaScript == |
|||
Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan [[bahasa pemrograman]] [[Java (bahasa pemrograman)|Java]], dengan kesamaan utamanya adalah penggunaan sintaks [[C (bahasa pemrograman)|C]]. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman [[Self (bahasa pemrograman)|Self]]. |
|||
Dilihat dari namanya yang mengandung kata "[[Java]]" banyak orang sering kali menyangka bahwa JavaScript ada hubungan khusus dengan [[bahasa pemrograman]] Java. Padahal sebenarnya tidak ada hubungan secara langsung antara JavaScript dengan Java. <ref name="zaki"> Ali Zaki & Smitdev Community, ''SPP AJAX untuk Pemula'', halaman 27. Elex Media Komputindo</ref> |
|||
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. Maka dikembangkanlah bahasa pemrograman bernama ''LiveScript'' untuk mengakomodasi hal tersebut. Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.<ref name="zaki"></ref> |
|||
Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <code><script>...</script></code>. Berikut ini adalah contohnya (yang akan menampilkan sebuah ''dialog box'' berisi Halo Dunia! ketika sebuah tombol diklik oleh pengguna): |
|||
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat [[efek]] ''rollover'' baik di [[gambar]] maupun teks, dan yang penting juga adalah untuk membuat [[AJAX]]. JavaScript adalah bahasa yang digunakan untuk AJAX.<ref name="zaki"></ref> |
|||
== Penulisan JavaScript == |
|||
[[Kode]] JavaScript biasanya dituliskan dalam bentuk [[fungsi]] yang ditaruh di tag <head> yang dibuka dengan [[tag]]<code> <script type="teks/javascript"></code>. |
|||
<source lang="html4strict"> |
<source lang="html4strict"> |
||
⚫ | |||
<input type="button" value="Tekan di sini" onclick="halo();"> |
|||
⚫ | |||
⚫ | |||
<script> |
|||
function halo() { |
|||
</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> |
|||
} |
|||
<source lang="html4strict"> |
|||
<script type="teks/javascript" src="alamat.js> |
|||
</script> |
</script> |
||
</source> |
</source> |
||
=== Script pada bagian head === |
|||
[[Script]] ini akan dieksekusi ketika dipanggil (biasanya berbentuk ''fungction'') atau dipanggil berdasarkan ''trigger'' pada ''event'' tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil). |
|||
<source lang="html4strict"> |
|||
<html> |
|||
<head> |
|||
<script type="teks/javascript"> |
|||
... |
|||
</script> |
|||
</head> |
|||
</html></source> |
|||
=== 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. |
|||
<source lang="html4strict"> |
|||
<html> |
|||
<head> |
|||
</head> |
|||
<body> |
|||
<script type="teks/javascript"> |
|||
... |
|||
</script> |
|||
</body> |
|||
</html></source> |
|||
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas. |
|||
=== External JavaScript === |
|||
Terkadang jika ingin 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. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen [[HTML]] dan JavaScript dipisahkan, kemudian file tersebut dipanggil dari dokument HTML. File JavaScript tersebut disimpan dengan ekstensi .js. |
|||
'''JavaScript : js/xxx.js''' |
|||
<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. |
|||
<source lang="html4strict"> |
|||
<html> |
|||
<head> |
|||
</head> |
|||
<body> |
|||
<script src="xxx.js"> |
|||
</script> |
|||
<p>Script di atas berada di file "xx.js" (sksternal) </p> |
|||
</body> |
|||
</html></source> |
|||
== Pranala Luar == |
|||
* [http://www.w3schools.com/js/default.asp Tutorial JavaScript] |
|||
== Referensi == |
|||
{{reflist}} |
|||
{{Daftar bahasa pemrograman}} |
{{Daftar bahasa pemrograman}} |
||
{{bahasa-komputer-stub}} |
|||
[[Kategori:JavaScript| ]] |
[[Kategori:JavaScript| ]] |
Revisi per 4 April 2010 14.37
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. 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. Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. 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. 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">
.
<script type="teks/javascript">
alert("Halo Dunia!");
<script>
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:[3]
<script type="teks/javascript" src="alamat.js>
</script>
Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk fungction) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).
<html>
<head>
<script type="teks/javascript">
...
</script>
</head>
</html>
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.
<html>
<head>
</head>
<body>
<script type="teks/javascript">
...
</script>
</body>
</html>
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.
External JavaScript
Terkadang jika ingin 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. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian file tersebut dipanggil dari dokument HTML. File JavaScript tersebut disimpan dengan ekstensi .js.
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.
<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di file "xx.js" (sksternal) </p>
</body>
</html>
Pranala Luar