JavaScript, web geliştirme sürecinde etkileşimli ve dinamik içerikler oluşturmak için kullanılan popüler bir programlama dilidir. Peki, JavaScript kodları nasıl ve nereye yazılır? Bu makalede, JavaScript kodlarını yazabileceğiniz farklı yöntemleri ve en iyi uygulamaları inceleyeceğiz.
JAVASCRIPT KODLARI NEREYE YAZILIR?
JavaScript kodları, html sayfalarda üç farklı şekilde yazılabilir. Yazılacak javascript kodlarının, yapısına , karmaşıklığına ve boyutuna göre, sayfanın yüklenme hızını etkilemeyecek şekilde uygun olan yol seçilebilir..
1 HTML ETİKETİ İÇİNDE (YEREL SCRIPT)
JavaScript kodları doğrudan HTML etiketlerinin içine yazılabilir. Bu yöntem küçük ve basit işlemler için kullanılır ve kodun doğrudan bir tetikleyici ile HTML etiketleri içinde yer almasını sağlar. Ancak, büyük projelerde yönetimi zor olabilir.
<button onclick="alert('Merhaba, Dünya!')">Tıkla</button>
Yukarıda button etiketi içerisinde "onclick" (tıklanınca) olayı için doğrudan javascript kodlaru (alert) yazılmış. Dolayısıyla buradaki javascript kodu doğrudan sadece bu etiket ile alakalı olacaktır...
2 SAYFA İÇİNDE SCRIPT ETİKETLERİ ARASINDA (GENEL SCRIPT)
JavaScript kodlarını HTML sayfası içinde herhangi bir yerde <script> etiketi içine yazılabilir. Genelde, sayfadaki kodların okunurluğunu bozmaması için </body> etiketi kapanmadan hemen önce yazılır.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Örneği</title>
</head>
<body>
<h1> JAVASCRIPT </h1>
<script>
alert("Sayfa Açıldı..);
</script>
</body>
</html>
Script etiketleri arasına yazılan javascript kodları tüm sayfayı etkileyebilir..
3 HARİCİ JAVSCRIPT DOSYASI (.JS) KULLANARAK (HARİCİ SCRIPT)
JavaScript kodlarını ayrı bir dosyaya yazarak HTML dosyanızın içine çağırabilirsiniz. Bu yöntem, büyük projelerde kodun düzenli ve modüler olmasını sağlar. bunun içinöncelikle javascript dosyasının .js uzantısı ile kaydedilmesi gerekir..
script.js
alert("Sayfa Açıldı..);
<!DOCTYPE html>
<html>
<head>
<title>Harici JavaScript Kullanımı</title>
</head>
<body>
<!-- HTML KODLARI -->
<script src="script.js"></script>
</body>
</html>
Harici javascript dosyası çağırılırken script etiketinde "src" parametresi kullanılır. Bu yöntemle çağırılan javascript dosyaları , sayfa yükleme hızını etkilememesi için, yine body etikleti kapanmadan hemen önce yazılır.
JavaScript kodlarını farklı şekillerde yazabilirsiniz. Küçük projeler için <script> etiketi kullanımı yeterli olabilirken, büyük projelerde harici dosya yöntemi tercih edilmelidir. Kodun düzenli ve okunabilir olması için en iyi uygulamaları takip etmek önemlidir.