HTML’e JavaScript Kodlarını Tanıtma

KingUser

Kayıtlı Üye
Script kodlarını html’e tanıtmak için;
upload_2017-4-13_21-27-9.png
etiketleri kullanılır.
upload_2017-4-13_21-27-44.png
Type parametresi script blokları arasında yazılacak kodların türünü belirtir.
Language parametresi ile JavaScript kodlarının sürümünü belirtir. Tüm tarayıcılarda
sorunsuz çalışması için JavaScript seçmek doğru olacaktır.
upload_2017-4-13_21-28-40.png
JavaScript sürümleri​
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.
upload_2017-4-13_21-31-33.png
İ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.
upload_2017-4-13_21-33-5.png
İ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.
upload_2017-4-13_21-35-56.png
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.
upload_2017-4-13_21-37-30.png
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.
 

Ekli dosyalar

  • upload_2017-4-13_21-32-59.png
    upload_2017-4-13_21-32-59.png
    7.7 KB · Görüntüleme: 5
türk porno porno porno izle eryaman escort diyarbakır escort
Üst