Posisi Terbaik Meletakkan kode JavaScipt di dalam HTML
ada dasarnya, anda bebas meletakkan kode program JavaScript dibagian manapun dalam HTML, selama berada di dalam tag <script> (atau melalui event handler, walaupun tidak disarankan).
Tag <script> bisa diletakan pada awal HTML (di dalam tag <head>), di tengah HTML (di dalam tag <body>), maupun diakhir HTML (sebelum tag penutup </html>). Posisi peletakan ini akan mempengaruhi bagaimana urutan kode JavaScript dijalankan.
Halaman HTML diproses oleh web browser dari atas ke bawah secara berurutan. Hal ini berlaku juga untuk HTML, CSS, dan JavaScript. Kode JavaScript yang diletakkan pada awal dokumen (didalam tag <head>), akan diproses terlebih dahulu sebelum web browser memproses isi dokumen HTML yang terdapat di dalam tag <body>.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>
<script>
var a=document.getElementById("div_semangat");
a.innerHTML="<p>Sedang Belajar JavaScript, Semangat...!!!</p>";
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar JavaScript di duniailkom.com </p>
<div id="div_semangat"></div>
</body>
</html>
Solusi Elegan JavaScript : Fungsi Event onload
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>
<script>
window.onload = function()
{
var a=document.getElementById("div_semangat");
a.innerHTML="<p>Sedang Belajar JavaScript, Semangat...!!!</p>";
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar JavaScript di duniailkom.com </p>
<div id="div_semangat"></div>
</body>
</html>