Perusahaan-perusahaan seperti Google, Facebook, dan Twitter adalah pengguna kelas berat Javascript dalam produk-produk mereka. Tidak hanya mereka, sebagian besar website modern saat ini pasti menggunakan javascript. Dengan javascript, kita bisa membuat bisa membuat sebuah website atau aplikasi yang canggih. Misalnya efek animasi pada text atau image, AJAX (Asynchronous Javascript And XMLHTTP) untuk melakukan request di belakang layar, dan masih banyak fungsi javascript lainnya. Saat ini dengan hadirnya HTML5, fungsi javascript menjadi lebih luas lagi.
JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.
Navigator 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.
Cara Penulisan Javascript
Ada beberapa cara untuk menuliskan javascript di dokumen HTML kita.
1. Pada tag <head>...</head>
Kita bisa menuliskannya pada bagian tag <head>...</head> seperti contoh berikut ini:
<html>
<head>
<script type="text/javascript">
function test(){
alert("Test javascript");
}
test();
</script>
</head>
<body>
...........
</body>
</html>
Dengan cara ini, script akan dieksekusi seketika saat itu juga sebelum seluruh dokumen HTML di-load dengan sempurna. Sehingga apabila kita menggunakan function yang mengakses tag HTML melalui DOM (Document Object Model) misalnya getElementById(), akan menimbulkan error karena tag HTML yang akan diakses melalui DOM belum ada. Untuk mengatasi hal tersebut kita bisa gunakan function onready() atau menggunakan cara yang kedua.
2. Pada tag <body>...</body>
Kita menuliskannya pada bagian tag <body>...</body> seperti contoh berikut:
<html>
<body>
<script type="text/javascript">
function test(){
alert("Test javascript");
}
test();
</script>
</body>
</html>
3. File eksternal
Kita membuat file eksternal yang berekstensi .js dan kemudian kita load file tersebut menggunakan tag <script></script> melalui atribut src. Sebagai contoh kita buat dua file yaitu index.html dan test.js:
test.js:
function test(){
alert("Test javascript");
}
index.html:
<html>
<head>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<script type="text/javascript">
test();
</script>
</body>
</html>
1. Pada tag <head>...</head>
Kita bisa menuliskannya pada bagian tag <head>...</head> seperti contoh berikut ini:
<html>
<head>
<script type="text/javascript">
function test(){
alert("Test javascript");
}
test();
</script>
</head>
<body>
...........
</body>
</html>
Dengan cara ini, script akan dieksekusi seketika saat itu juga sebelum seluruh dokumen HTML di-load dengan sempurna. Sehingga apabila kita menggunakan function yang mengakses tag HTML melalui DOM (Document Object Model) misalnya getElementById(), akan menimbulkan error karena tag HTML yang akan diakses melalui DOM belum ada. Untuk mengatasi hal tersebut kita bisa gunakan function onready() atau menggunakan cara yang kedua.
2. Pada tag <body>...</body>
Kita menuliskannya pada bagian tag <body>...</body> seperti contoh berikut:
<html>
<body>
<script type="text/javascript">
function test(){
alert("Test javascript");
}
test();
</script>
</body>
</html>
3. File eksternal
Kita membuat file eksternal yang berekstensi .js dan kemudian kita load file tersebut menggunakan tag <script></script> melalui atribut src. Sebagai contoh kita buat dua file yaitu index.html dan test.js:
test.js:
function test(){
alert("Test javascript");
}
index.html:
<html>
<head>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<script type="text/javascript">
test();
</script>
</body>
</html>
No comments:
Post a Comment