JavaScript Kodları Nereye Yazılır? (Harici, Dahili, Satır İçi)

Bu yazımda JavaScript kodları nereye yazılır? Harici JavaScript dosyalarını Html sayfalarına nasıl referans verebiliriz? Dahili JavaScript kodlarını Html sayfalarında nereye yazabiliriz? ve Son olarak satır içi JavaScript kodları nasıl yazılır? sorularına cevap bulacağız.

JavaScript kodlarını 3 farklı şekilde yazabiliriz.

Bu şekilde tanımlama için .js uzantılı bir dosya oluşturup tüm JavaScript kodlarımızı bu dosyanın içerisine yazarız.

Bu dosyayı hangi Html sayfasında kullanmak istiyorsak o sayfanın <body></body> etiketleri içerisinde en altta veya <head></head> etiketleri arasında tanımlarız.

Referans verirken <script></script> etiketinin src attribute’una JavaScript dosyamızın yolunu yazıyoruz. Örneğin;

En kullanışlı yöntemdir. Çünkü aynı JavaScript kodunu referans verdiğimiz tüm web sayfalarında kullanabiliriz. Aynı zamanda tüm web sayfalarının JavaScript yönetimini tek dosyadan yapmış olacağız. 

Harici JavaScript dosyası kullanmanın diğer birkaç avantajını şöyle sıralayabiliriz:

  • Html ile JavaScript kodlarını ayırmış oluruz.
  • Html ve JavaScript kodlarının okunmasını ve bakımını kolaylaştırmış oluruz.
  • Önbelleğe alınan JavaScript dosyaları sayfa yüklemelerini hızlandırır.

Şimdi bir örnek üzerinde daha iyi anlamaya çalışalım.

Örneğin main.js dosyamız olsun. İçerisinde küçük bir JavaScript kodu yazıp Html sayfamıza ekleyelim.

main.js Dosyası

Yukarıdaki JavaScript dosyasını Html sayfamıza referans verelim.

Html Sayfası

Html sayfalarına birden fazla JavaScript dosyasını referans verebiliriz. Örneğin;

Dışarıdan referanslar ile de JavaScript dosyalarını Html sayfalarımıza ekleyebiliriz. Örneğin en popüler JavaScript kütüphanelerinden olan Jquery‘i projemize dahil edelim.

2 – Dahili JavaScript Kodları Nereye Yazılır?

Html sayfasının içerisinde <script></script> etiketi oluşturup içerisine JavaScript kodlarımızı yazabiliriz.

Genelde <body></body> etiketleri içerisinde en altta <script> etiketi oluşturulur. Yazılan kodlar sadece o sayfadaki Html etiketlerine uygulanır.

Html Sayfası

JavaScript kodlarını yazabileceğimiz bir diğer yer ise <head></head> etiketleri içerisidir. Örneğin;

3 – Satır İçi JavaScript Kodları Nereye Yazılır?

Html sayfasındaki etiketlerin içerisinde kullanabileceğimiz bazı nitelikler ile JavaScript kodlarını yazabiliriz.

Bu yöntem tavsiye edilmez. Çünkü Html kodları ile JavaScript kodları iç içe geçeceği için karışıklık oluşacaktır.

Html Sayfası

Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

JavaScript Nedir? JavaScript Ne İşe Yarar?

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

500+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.