JavaScript dapat ditempatkan dalam <body> dan <head> bagian dari halaman HTML.
<Script> Tag
Dalam HTML, kode JavaScript harus disisipkan di antara <script> dan </ script> tag.
<script>
document.getElementById('demo').innerHTML = "Belajar JavaScript !";
</script>
Fungsi JavaScript dan Events
fungsi JavaScript adalah blok kode JavaScript, yang dapat dijalankan ketika "tanya".
Misalnya, fungsi dapat dijalankan ketika suatu peristiwa terjadi, seperti ketika pengguna mengklik tombol.
Anda akan belajar lebih banyak tentang fungsi dan event di bab berikutnya.
JavaScript di <head> atau <body>
Anda dapat menempatkan sejumlah skrip dalam dokumen HTML.
Script dapat ditempatkan dalam <body>, atau dalam <head> dari halaman HTML, atau keduanya.
JavaScript di <head>
Dalam contoh ini, fungsi JavaScript ditempatkan di <head> bagian halaman HTML.
Fungsi ini dipanggil (disebut) ketika sebuah tombol diklik:
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
<script>
function fungsiku() {
document.getElementById("contoh").innerHTML = "Paragraf berubah !!";
}
</script>
</head>
<body>
<p id="contoh">Sebuah Paragraf</p>
<button type="button" onclick="fungsiku()">Proses</button>
</body>
</html>
JavaScript di <body>
Dalam contoh ini, fungsi JavaScript ditempatkan di <body> bagian dari halaman HTML.
Fungsi ini dipanggil (disebut) ketika sebuah tombol diklik:
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
</head>
<body>
<p id="contoh">Sebuah Paragraf</p>
<button type="button" onclick="fungsiku()">Proses</button>
<script>
function fungsiku() {
document.getElementById("contoh").innerHTML = "Paragraf berubah !!";
}
</script>
</body>
</html>
Ini adalah ide yang baik untuk menempatkan script di bawah <body> elemen.
Hal ini dapat meningkatkan beban halaman, karena tampilan HTML tidak terhalang oleh script loading.
External JavaScript
Script juga dapat ditempatkan dalam file eksternal.
Skrip eksternal praktis ketika kode yang sama digunakan di banyak halaman web yang berbeda.
File JavaScript memiliki js ekstensi file.
Untuk menggunakan skrip eksternal, menempatkan nama file script di src (source) atribut dari tag <script>:
<!DOCTYPE html>
<html>
<head>
<title>Latihanku</title>
<script src="ScriptKu.js"></script>
</head>
<body>
<p id="contoh">Sebuah Paragraf</p>
<button type="button" onclick="fungsiku()">Proses</button>
</body>
</html>
Anda dapat menempatkan referensi script eksternal di <head> atau <body> yang Anda inginkan.
Script akan bersikap seolah-olah itu terletak persis di mana <script> tag berada.
Skrip eksternal tidak dapat berisi <script> tag.
External JavaScript Keuntungan
Menempatkan javascripts dalam file eksternal memiliki beberapa keuntungan:
- Memisahkan HTML dan kode
- Itu membuat HTML dan JavaScript lebih mudah dibaca dan memelihara
- Cache file JavaScript dapat mempercepat load halaman
0 komentar:
Posting Komentar