JavaScript Kodları nerede bulunur ?

Web sayfasının body bölümündeki JavaScript kodları sayfa yüklenirken çalıştırılır.
Web sayfasının head bölümündeki JavaScript kodları çağrıldıkları zaman çalıştırılırlar.

JavaScript Kodlarını nereye koyacağız ?

Bir sayfadaki JavaScriptler,sayfa tarayıcıya yüklenirken hemen çalıştırılır. Bu her zaman istediğimiz olmayabilir.Bazen, bir kullanıcının bir olay tetiklediğinde javascript’in çalışmasını isteyebiliriz.

<head> kısmındaki scriptler

Çağrıldığı zaman veya bir olayın tetiklenmesi ile çalıştırılacak javascript kodları head bölümüne eklenir.
Eğer head bölümüne bir script koyarsanız, bu scriptin , herhangi birisi kullanmadan sayfaya yüklendiğini garantiler.

Örnek :

<html>
<head>
<script type="text/javascript">
function rc_mesaj()
{
alert("Bu mesaj kutusu onload olayı (onload event) ile çağrıldı");
}
</script>
</head>
<!—body etiketindeki onload olay özelliği (event attribute) ile rc_mesaj() isimli javascript fonksiyonu çağrılır -->
<body onload="rc_mesaj()">
</body>
</html>

<body> kısmındaki scriptler
Sayfa yüklenirken çalıştırılacak scriptler body bölümüne koyulur.
Eğer body bölümüne script eklerseniz, bu scriptler sayfa içeriği üretirler.

Örnek :

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Bu mesaj JavaScript Tarafından sayfaya yazdırılmıştır.");
</script>
</body>
</html>

<head> ve <body> içindeki scriptler

Web sayfası içine istediğiniz sayıda script ekleyebilirsiniz, böylece hem body bölümünde hemde head bölümünde scriptleriniz olabilir.

<html>
<head>
<!-- head bölümü scripti -->
<script type="text/javascript">
// çağrıldığında çalışacak kodlar buraya eklenir
</script>
</head>
<body>
<!-- body bölümü scripti -->
<script type="text/javascript">
// sayfa yüklenirken çalışacak kodlar buraya eklenir.
</script>
</body>

Harici JavaScript Kullanma

Eğer bir JavaScripti birden fazla sayfada kullanmak istiyorsanız, harici bir javascript dosyası oluşturabilirsiniz.
Oluşturduğunuz bu sayfayı .js uzantısı ile kaydediniz.
Harici kodlar <script> etiketi içeremezler.

Hazırladığınız harici scripti sayfada kullanmak için <script> etiketinin “src” özelliği kullanılır.

Örnek :

<html>
<head>
<script type="text/javascript" src="harici_javascript_dosyasi_head.js"></script>
</head>
<body>
<script type="text/javascript" src="harici_javascript_dosyasi_body.js"></script>
</body>
</html>

Harici scripti sayfanın head kısmına koymak zorunda değilsiniz. Dahili olarak kodu nereye yazacaksanız oraya harici dosya scriptini ekleyiniz.