JavaScript ile Çalışmak ve Sayfaya Dahil Etme
JavaScript kodları, HTML sayfalarına üç farklı yöntemle yerleştirilebilir. Modern web geliştirmede en çok tercih edilen yöntem, kodların düzenli kalması ve önbelleğe alınabilmesi için harici dosyalar kullanmaktır.
Ön Hazırlık
JavaScript öğrenebilmek için temel HTML bilgisi gereklidir; çünkü JS genellikle HTML öğelerini (butonlar, formlar, metinler) hedef alarak çalışır.
1) Harici JavaScript (External JS)
Kodların .js uzantılı ayrı bir dosyada tutulmasıdır. En temiz ve profesyonel yöntemdir.
<script src="script.js"></script>2) Dahili JavaScript (Internal JS)
Kodların doğrudan HTML dosyasının içinde, <script> etiketleri arasında yazılmasıdır.
<script>
console.log("Bu kod doğrudan HTML içinden çalışıyor.");
</script>DOM Aracılığıyla İçerik Değiştirme
Eski yöntem olan document.write() yerine, günümüzde JavaScript ile HTML içeriğini değiştirmek için DOM (Document Object Model) metodları kullanılır. Bu yöntem sayfanın geri kalanına zarar vermeden sadece ilgili alanı günceller.
// HTML tarafında:
document.getElementById("mesaj").textContent = "Bu yazı JS ile DOM üzerinden yazdırıldı.";
Püf Noktası
JavaScript dosyalarınızı genellikle HTML sayfasının en altında,
</body> etiketinden hemen önce çağırmak, sayfanın daha hızlı yüklenmesini sağlar.
Özet
- JavaScript, web sayfalarını dinamik hale getiren temel taştır.
- Kodlar her zaman
<script>etiketleri arasında veya harici dosyalarda olmalıdır. - Modern projelerde
document.write()kullanılmaz; bunun yerine DOM manipülasyonu tercih edilir.