JavaScript didesain untuk menambah interaktif suatu halaman Web dan merupakan suatu bahasa
Scripting (bahasa pemrograman ringan). JavaScript berisi baris kode yg dijalankan di web browser dan
biasanya disisipkan (embedded) dalam halaman Web, javaScript juga merupakan bahasa interpreter
(script di eksekusi tanpa kompilasi)
Penulisan JavaScript pada halaman web ada 3 cara, yaitu:
1. Diletakkan di Head
2. Ditulisakan di Body
3. External File
Penulisan Javascript
Dileta kkan di bagian Head
Skrip ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan
trigger pada event tertentu. Peletakan skrip di head akan menjamin skrip di-load terlebih dahulu
sebelum digunakan (dipanggil).
<head>
<script type="text/javascript"> ... </script>
</head>
Penulisan pada bagian Body
Skrip akan dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan skrip pada
bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian. JumlahJavaScript di<head>
dan<body> yang ditempatkan pada dokumen kita tak terbatas.
<html>
<head></head>
<body>
<script type="text/javascript"> ... </script>
</body>
</html>
Penulisan di External File
Terkadang kita ingin menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang
berbeda, tetapi tidak mau disibukkan jika harus menulis ulang skrip yang diinginkan di setiap halaman.
<body>
<script type="text/javascript" src="xxx.js"> ... </script>
</body>
Contoh Javascript sederhana untuk menampilkan text di browser
<body>
<script type="text/javascript"> Document.write("ini ditulis dgn javascript");
</script>
</body>Contoh Javascript sederhana menampilkan alert di halaman web
<body>
<script type="text/javascript"> alert("ini ditulis dgn javascript"); </script>
</body>
Fungsi di Javascript
Seperti di pemrograman lainnya, Fungsi di javascript di gunakan untuk mempaket baris-baris kode yangsering kita gunakan dengan tujuan menyederhanakan penulisan script itu sendiri.
Biasanya penulisan Javascript di External File banyak menggunakan fungsi, berikut beberapa macam
penulisan fungsi di Javascript :
1. Fungsi tanpa parameter
2. Fungsi dengan parameter
3. Fungsi yang mengembalikan Nilai
Fungsi tanpa parameter
<script type="text/javascript">
function showMsg(){
alert("Hello World"); }
</script>
Fungsi dengan parameter
<script type="text/javascript">
function showMsg(txt){
alert(txt); }
</script>Fungsi yang mengembalikan nilai
<head>
<script type="text/javascript">
function jml(a,b){
return a+b;
}
</script>
</head>
<body>
<script type="text/javascript"> document.write(jml(4,7)); </script>
</body>
Java script Event
Adalah suatu aksi di web browser yang dapat dikenali oleh Javascript. Setiap elemen di dalam tag-taghtml mempunyai event yang dapat dikenali untuk diteruskan ke proses-proses menggunakan javascript.
Sebagai contoh event onClick pada elemen html yang akan mengakses fungsi-fungsi tertentu saat user
melakukan klik di elemen tersebut.
Beberapa events yang dapat dikenali olehJavascript:
1. A mouse click
2. A web page or an image loading
3. Mousing over a hot spot on the web page
4. Selecting an input field in an HTML form
5. Submitting an HTML form
6. A keystroke
Contoh script penggunaan Events
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>
0 Response to "JAVASCRIPT"
Posting Komentar