
Fungsi dari javascript biasanya dalam penggunaannya digabungkan dengan HTML, tujuannya adalah memperkaya HTML supaya lebih interaktif. Oleh karena itu JavaScript sangat tergantung dengan browser yang digunakan.
Jika browser tidak mengijinkan atau ter-disable untuk menggunakan javaScript maka aplikasi yang menggunakan javaScript menjadi tidak maksimal atau bahkan bisa menjadi error.
Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan (embedded). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.
Untuk menginput, atau memasukkan kode JavaScript ke dalam HTML, JavaScript menyediakan 4 cara, yaitu:
1. Menggunakan tag <script> (internal JavaScript)
2. Menggunakan tag <script scr=””> (external JavaScript)
3. Menggunakan Event Handler (Inline JavaScript)
4. Menggunakan URL (href:=”javascript:”)
Beberapa contoh penggunaan Javascript
Contoh Internal Javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>desain web</title>
</head>
<body>
<script>alert("belajar javascript ")</script>
</body>
</html>
Contoh Url Javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>desain web</title>
</head>
<body>
<a href="javascript:alert('belajar javascript')">contoh URL javascript</a>
</body>
</html>
contoh pemakaian Prompt
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?","Masukkan nama anda");
document.write("SELAMAT DATANG, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>
2 komentar
Click here for komentarWaduh gan.. tulisannya tidak bisa dilihat kalau bisa warna teksnya lebih jelas lagi yaa... kunjungi balik blog saya (http://befira.blogspot.com/)
Balasiya mbak mksh sarannya, itu karena postingnya pas malem jadi lupa blom diedit teks.nya
BalasOut Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon