1. Memasukkan Javascript Menggunakan LinkExternal
Cara pertama yang bisa dilakukan untuk memasukkan script javascript diHTML yaitu dengan menggunakan link external.Kalian bisa memasukkan tag tersebut pada bagianhead ataupun pada akhirbodypada file HTML kalian. Kalian bisa menggunakan tag HTML yaitu:
<scriptsrc=”link file js“>
</script>.
Maskud darilink file js adalah link file javascript kalian yang kalian upload pada sebuah server. File Javascript yang kalian upload sebaiknya berekstensi .js seperti animasi.js, sticky.js, dll agar mudah di kenali jenisfile tersebut. kemudian untuk menggunakan script javascript tersebut kalian hanya perlu menggunakan tag <script> seperti contoh berikut:
<head>
<title>4 Cara Memasukkan Javascript Pada HTML</title>
<metacharset='utf-8'><scriptsrc='suratlewat.com/js/animasi.js'>
</script>
</head>
perhatikan bahwa penulisan tag<script>diatas ditutup dengan tag</script>. Kalian juga bisa menutup tag <script> dengan cara sederhana berikut yaitu:
<scriptsrc=’suratlewat.com/js/animasi.js’/>
<scriptsrc=”link file js“>
</script>.
Maskud darilink file js adalah link file javascript kalian yang kalian upload pada sebuah server. File Javascript yang kalian upload sebaiknya berekstensi .js seperti animasi.js, sticky.js, dll agar mudah di kenali jenisfile tersebut. kemudian untuk menggunakan script javascript tersebut kalian hanya perlu menggunakan tag <script> seperti contoh berikut:
<head>
<title>4 Cara Memasukkan Javascript Pada HTML</title>
<metacharset='utf-8'><scriptsrc='suratlewat.com/js/animasi.js'>
</script>
</head>
perhatikan bahwa penulisan tag<script>diatas ditutup dengan tag</script>. Kalian juga bisa menutup tag <script> dengan cara sederhana berikut yaitu:
<scriptsrc=’suratlewat.com/js/animasi.js’/>
2.Memasukkan Javascript Langsung Pada HTML (Internal)
Cara kedua yang dapat kalian lakukan untuk memasukkan javascript pada HTML yaitu dengan memasukkan kode javascript langsung pada HTML dengan di bungkus oleh tag<script>dan</script>. Penempatan kode ini biasanya terdapat pada bagian<head>atau pada akhir tag</body>suatu halaman. Contoh penulisan javascript secara internal yaitu:
<!DOCTYPE html>
<html>
<head>
<title>internal javascript</title>
<script>alert('Latihan Internal javascript');</script>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
<title>internal javascript</title>
<script>alert('Latihan Internal javascript');</script>
</head>
</html>
3. Memasukkan Javascript MenggunakanEvent Handler(Inline)
Cara ketiga yang dapat kalian lakukan untuk memasukkan javascript pada html yaitu dengan menggunakan Event Handlerlangsung pada tag HTML yang bersangkutan.
Secara sederhana, event handler adalah pemanggilan kode javascript ketika “sesuatu” terjadi pada tag HTML. Penempatan kode ini bisa dimana sajatergantung pada elemen HTML yang ingin ditambahkan kode Javascript.“sesuatu” disini seperti ketika sebuah paragraf di klik, di klik kanan, di arah mouse, atau lain-lain. Event handler dalam javascript diketik dengan penambahan kataon. Contoh ketika sebuah elemen di klik, maka kodenya menjadionclick.Contoh, ketika sebuah tombol di klik kita ingin menampilkan peringatan, maka kodenya seperti berikut:
Secara sederhana, event handler adalah pemanggilan kode javascript ketika “sesuatu” terjadi pada tag HTML. Penempatan kode ini bisa dimana sajatergantung pada elemen HTML yang ingin ditambahkan kode Javascript.“sesuatu” disini seperti ketika sebuah paragraf di klik, di klik kanan, di arah mouse, atau lain-lain. Event handler dalam javascript diketik dengan penambahan kataon. Contoh ketika sebuah elemen di klik, maka kodenya menjadionclick.Contoh, ketika sebuah tombol di klik kita ingin menampilkan peringatan, maka kodenya seperti berikut:
<!DOCTYPEhtml>
<html>
<head>
<title>Inlinejavascript</title>
</head>
<body>
<h1>BelajarInlineJavascript</h1>
<buttononclick="alert('Hello world')">KlikDisini</button>
</body>
</html>
<html>
<head>
<title>Inlinejavascript</title>
</head>
<body>
<h1>BelajarInlineJavascript</h1>
<buttononclick="alert('Hello world')">KlikDisini</button>
</body>
</html>
4.Memasukkan Javascript Menggunakan URL
Cara terakhir yang dapat kalian lakukan untuk memasukkan javascriptpada HTML yaitu dengan menggunakan URL(href:=’javascript:’). Karena caranya yang kuno, metode ini sangatjarang digunakanoleh kalangan web developer. Tetapi kita akan membahas cara menggunakanya untuk menambah ilmu pengetahuan :P.Cara ini digunakan dengan menambahkan kode javascript ke dalam alamathref pada tag HTML. Cara ini dapat juga disebut dengan javascript protokol. Disebut begitu karena kita mengganti alamat link dariyang biasa menggunakan protokolhttp://menjadi protokol javascript. Contoh penggunaanya sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<title>URLJavaScript</title>
</head>
<body>
<h1>URLJavaScript</h1>
<ahref="javascript:alert('Hello Wo
rld!!')">KlikDisini</a>
</body>
</html>
<html>
<head>
<title>URLJavaScript</title>
</head>
<body>
<h1>URLJavaScript</h1>
<ahref="javascript:alert('Hello Wo
rld!!')">KlikDisini</a>
</body>
</html>
0 komentar