Dış Kaynaklı Kodların ve Dosyaların JavaScript İçinde Kullanımı
Dış Kaynaklı Kodların ve Dosyaların JavaScript İçinde Kullanımı
Javascript kodlarını Html kodları içine direkt yazmak yerine dışardan hazır olarak yazılmış kodları da ekleyebiliriz.
Bunun için kodların .js uzantısına sahip harici Javascript kodu içeren dosyalar halinde bulunmasi gerekmektedir.
Bu dosyaların içerdiği kodlari kendi sayfamızda kullanmak için;
Örnek:
<script language="JavaScript1.2" src="mm_menu.js"></script>
Açıklama:
Buradaki örnekte: script language="JavaScript1.2" ile script kullanacağımızı bunun Javascript tabanlı kodlar içereceğini; " src="mm_menu.js" ile de kullanacağımız kodların mm_menu.js dosyasında saklı olduğunun tarayıcıya belirtmiş olduk.
Not-1: Kodun saklı olduğu dosya tarayıcının ulaşabileceği bir dizinde yada server alanında olmalıdır. Aksi halde tarayıcı kodu algılayamaz ve kodla ilgili işlemleri gerçekleştiremez.
Örnek:
<script language="JavaScript1.2" src="http://www.adiönemsiz.com/ornek.js"></script>
Bu örnekte koda ulaşmak için tarayıcı belirtilen adresteki ornek.js dosyasına ulaşmalıdır.
Not-2: Kaynak kod gösterilmesi durumunda koda ulaşmak için tarayıcı servera baş vurur; bağlantı hızının yavaş ve problemli olduğu durumlarda sayfada yavaşlama veya hata oluşabilir. Kişisel yada yerel bir pc üzerinde çalışırken kod kaynağı göstererek yapılan sayfalarda yavaşlama hissedilmeyebilir.
Not-3: Kaynak kod gösterilerek yapılan sayfalar Javascript desteği olmayan tarayıcılarda görülmez.
Not-4: Kodu hem direkt sayfaya yazıp hem de kaynak göstererek kullanabiliriz.
Örnek:
<script language="JavaScript1.2" src="http://www.adiönemsiz.com/ornek.js"> <!-----Kodun Aslı//--> </script> Örnek: <script language="JavaScript1.2" src="http://www.adiönemsiz.com/ornek.js"></script> <script language="JavaScript1.2" > <! ----Kodun Aslı//--> </script>
Açıklama: Yukarıdaki örneklerde hem kaynak gösterilip hem de kodun aslı yazılarak işlem yapılmıştır.
Javascript Kodunda hata Bulma:
Hata bulmanın bir yolu sayfayı tarayıcıda çalıştırıp test etmektir. Diğer bir yolu da kod denetimi yapabilen bir editor yardımcı programı kullanmaktır. Tarayıcı yapılan bir hata olduğunda kodu çalıştırmaz ve bir uyarı mesajı verir.
Hata Bulmak İçin Tarayıcı Ayarlarının Yapılması:
Microsoft internet explorer tarayıcısındaki ayarlardan bahsedelim;
1-) Masa üstünde internet explorer simgesine sağ tıklayın.
2-) Gelen menuden proporties (Özellikler) seçeneğine tıklayın.
3-) Gelen ekrandan advanced (Gelişmiş) bölümünü tıklayın.
4-) Display a notification about every script error bölümünü seçili hale getirin. Ayrıca disable script debugging bölümünü de aktif hale getirebilirsiniz (Böylece debug işlemi yapılabilir.)
5-) Apply tuşuna tıklayın sonra OK tuşuna tıklayarak çıkabilirsiniz.
Örnek:
<HTML> <HEAD><TITLE>Ornek Hata</TITLE></HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"> document.write(Hatalı yazım); </SCRIPT>
Açıklama:
Yukarıdaki kod da *** document.write (Hatalı yazım) bölümünde bir hata yapılmıştır. Bu kodu içeren sayfa kaydedilip tarayıcıda çalıştırıldığında aşağıdaki gibi bir hata uyarısı verir.