19 Mart 2016 Cumartesi

JavaScript Kodlarının HTML’deki Konumu

Ferid Alsef JavaScript Kodlarının HTML’deki Konumu

JavaScript kodları sayfa içerisinde üç bölümde kullanılabilir:

  • Birinci yol, script kodlarını head etiketleri arasına yazarak kullanmaktır.  <head></head> etikletleri arasında yazılan kodlar sayfa yüklenmeden derlenecektir. Sayfamızda gerçekleşen olaylar karşısında (düğme tıklanması vb.) kodların çalışmasını istiyorsak gerekli fonksiyonları ve değişkenleri bu bölümde yazmamız gereklidir.  
                     
1. YOL







İkinci yol, script kodlarını <body></body> etiketleri arasına yazarak kullanmaktır. Body etiketleri arasına yazılan script kodları sayfa yüklendiğinde otomatik olarak derlenip çalışacaktır.

2. YOL






İki Şekilde de sayfanın çıktısı aynı olacaktır. 

  • Script çalıştırmanın diğer bir yolu *.js uzantılı olarak kaydettiğimiz haricî bir JavaScript dosyasını sayfaya dâhil edip kodları çalıştırmaktır. 

Web sayfasına harici JavaScript dosyası dâhil etmek için;

  • Notepad programını açarak script kodlarını yazarak ilkKod.js Ģeklinde masaüstüne kaydediniz

3. YOL






  • Web editör programını çalıştırarak yine masaüstüne yeni bir html sayfası oluşturunuz.
  • Script komutunun src parametresini kullanarak oluşturduğunuz js dosyasını aşağıdaki şekilde web sayfasına dâhil ediniz.

3. YOL





  • Oluşturduğumuz js dosyası ve html dosyası farklı klasörlerde ise js dosyasının html dosyasına göre adresi kaynak (src) parametresi içerisinde belirtmek gerekir. 
  • Html sayfasını çalıştırdığımızda ekranda sola dayalı olarak  "ilk JavaScript Kodlarım" ifadesi yazdırılacaktır. 

|| MEGEP ||



Hiç yorum yok:

Yorum Gönder