Pages

Subscribe:

Ads 468x60px


widget

Senin, 10 November 2014

Cara Memasukkan JavaScript menggunakan tag (internal JavaScript)

Cara pertama untuk menginput kode JavaScript ke dalam halaman HTML adalah dengan menggunakan tag <script> secara internalInternal disini berarti bahwa kode JavaScript ditulis pada halaman yang sama dengan HTML, atau di dalam satu file HTML.

Cara ini merupakan cara yang paling sering digunakan, jika kode JavaScript tidak begitu panjang, dan hanya digunakan di 1 halaman saja. Kode JavaScript yang akan diinput diletakkan diantara tag pembuka <script> dan tag penutup </script> seperti berikut ini:

<script>
//kode javascript diletakkan disini
</script>

Tag <script> akan memberitahu web browser bahwa kode diantara tag tersebut bukanlah HTML, tetapi JavaScript.

Dalam beberapa buku atau tutorial JavaScript, mungkin anda akan menemukan penggunaan tag <script> seperti berikut ini:
<script type="text/javascript">
//kode javascript diletakkan disini
</script>
Penggunaan atribut type=”text/javascript” digunakan untuk membedakan javascriptdengan bahasa script lain seperti VBScript yang ditulis sebagai type=”text/vbscript”.Namun karena VBScript sudah jarang digunakan, hampir semua web browser modern menjadikan JavaScript sebagai bahasa default, sehingga anda tidak perlu menulistype=”text/javascript”. Tetapi juga tidak salah jika anda ingin menegaskan penggunaan JavaScript dengan menuliskannya secara langsung.
Pada halaman web yang lama, kadang anda juga akan menemukan penggunaan atributlanguage sebagai pengganti atribut type seperti berikut ini:
<script language=”text/javascript”>
//kode javascript diletakkan disini
</script>
Atribut language sudah dianggap usang (deprecated), dan disarankan untuk tidak digunakan lagi.
Sebagai contoh cara penginputan JavaScript dengan tag <script>, berikut adalah kode HTMLnya:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<title>Belajar JavaScript di Duniailkom</title>

<script>
alert("Hello World!!");
</script>

</head>

<body>
<h1>Belajar JavaScript</h1>
<p>Saya sedang belajar JavaScript di duniailkom.com</p>
<p>Belajar Web Programming di Duniailkom.</p>
</body>
</html>

Dalam contoh diatas, saya meletakkan tag <script> di dalam tag <head> dari HTML (pada baris ke 7). Tag <script> tersebut berisi kode JavaScript: alert(“Hello World!!”);. alert() adalah fungsi dalam JavaScript yang akan menampilkan pesan ke dalam web browser. Fungsi ini sering digunakan dalam proses pembuatan program JavaScript untuk menampilkan output sederhana. Fungsi alertmembutuhkan 1 inputan (argumen) bertipe String. Kita akan membahas cara penulisan fungsi dan tipe-tipe data JavaScript pada tutorial-tutorial selanjutnya.
Jika anda menjalankan program diatas, maka di dalam web browser akan tampil hasil seperti berikut ini:



0 komentar:

Posting Komentar

 
Blogger Templates