JavaScript dapat ditempatkan di <body> dan <head> bagian dari halaman HTML.
The <script> Tag
Dalam HTML, kode JavaScript harus disisipkan di antara <script> dan </script> tag.
Contoh
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Contoh yang lebih tua mungkin menggunakan jenis atribut: <script type="text/javascript"> .
atribut jenis ini tidak diperlukan. JavaScript adalah bahasa scripting default dalam HTML.
Fungsi JavaScript dan Acara
Sebuah JavaScript function adalah blok kode JavaScript, yang dapat dijalankan ketika "tanya" untuk.
Misalnya, fungsi dapat dijalankan ketika suatuperistiwa terjadi, seperti ketika pengguna mengklik tombol.
Anda akan belajar lebih banyak tentang fungsi dan peristiwa di bab berikutnya.
JavaScript di <head> atau <body>
Anda dapat menempatkan sejumlah skrip dalam dokumen HTML.
Script dapat ditempatkan di <body> , atau dalam <head> bagian dari halaman HTML, atau keduanya.
Menjaga semua kode di satu tempat, selalu kebiasaan yang baik.
JavaScript di <head>
Dalam contoh ini, fungsi JavaScript ditempatkan di <head> bagian dari halaman HTML.
Fungsi ini dipanggil (disebut) ketika tombol diklik:
Contoh
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
Cobalah sendiri " JavaScript di <body>
Dalam contoh ini, fungsi JavaScript ditempatkan di <body> bagian dari halaman HTML.
Fungsi ini dipanggil (disebut) ketika tombol diklik:
Contoh
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
Cobalah sendiri " Ini adalah ide yang baik untuk menempatkan script di bawah <body> elemen.
Hal ini dapat meningkatkan beban halaman, karena script kompilasi dapat memperlambat layar.
eksternal JavaScript
Script juga dapat ditempatkan dalam file eksternal:
myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
skrip eksternal praktis ketika kode yang sama digunakan dalam banyak halaman web yang berbeda.
File JavaScript memiliki ekstensi file .js .
Untuk menggunakan skrip eksternal, menempatkan nama file script di src (source) atribut dari <script> tag:
Contoh
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html> Cobalah sendiri " Anda dapat menempatkan referensi skrip 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.
Keuntungan eksternal JavaScript
Menempatkan JavaScripts dalam file eksternal memiliki beberapa keuntungan:
- Memisahkan HTML dan kode
- Itu membuat HTML dan JavaScript lebih mudah dibaca dan memelihara
- file JavaScript cache dapat mempercepat beban halaman