Java Script'te Fonksiyon Kullanımı
JScript te C++ gibi nesneye yönelik bir dildir ve fonksiyonlar bu yapıda en önemli yeri alır. JScript fonksiyonları çağırıldıkları zaman işlemeye başlayan scriptlerdir. Aşağıdaki örnek, butona basıldığında "Merhaba Dünya" uyarı mesajı çıkartan fonksiyondur.
<script language="Javascript"<
function Deneme()
{
alert("Merhaba Dünya");
}
</script>
Şimdi düğmeye basıldığında bu fonksiyonu çağıran HTML kodunu yazalım
<form name="form1">
<input type="button" value="Buraya Bas" onclick="Deneme()">
</form>
JScript fonksiyonunda sadece alert("Merhaba Dünya") komutu var. HTML'de de üzerinde "Buraya Bas" yazılı bir buton var ve onclick olayı Deneme isimli fonksiyona yönlendirilmiş. Bu fonksiyona hiç bir parametre gelmiyor ve bir dönüş parametresi de yok. Aynı fonksiyon şu şekilde yazılısaydı:
<script language="Javascript">
function Deneme(param)
{
alert(param);
}
</script>
ve onu çağıran HTML satırında da fonksiyona "Merhaba Dünya" parametresini gönderseydik alınan sonuçta hiç bir değişiklik olmayacaktır.
<form name="form1">
<input type="button" value="Buraya Bas" onclick="Deneme('Merhaba Dünya')">
</form>
Burada dikkat edilmesi gereken nokta HTML'den parametreyi gönderirken fonksiyon adından sonra açılan parantezlere ' ve ' işaretleri arasına yazılması ve fonksiyon için param artık bir parametre olduğu için alert fonksiyonunda parantezlerin içinde tırnak içine alınmaması gereğidir.
JScript fonksiyonları hakkında bilinmesi gereken bir diğer nokta da fonksiyonlar tarayıcı tarafından işlendikten sonra HTML koduna dönüştürüleceğinden (C'deki precompiler mantığıyla) HTML'de yerine koyulacak bir değer de fonksiyonla verilebilir. Yani linker fonksiyonu yapılan bir seçime göre bir URL döndürüyorsa HTML'de <a href=linker(seçim)> yazımında hiç bir sakınca yoktur.
Fonksiyonların gerçekleşmesi için fonksiyonun çağırıldığı olay 'ın alması gerekmektedir. Bu olaylardan bazıları:
!!! Olay İsmi Ne Zaman Olur
onClick : Butona basıldığında
onAbort : Stop düğmesine veya bir linke basılarak yüklenme durdurulduğunda
onChange : Seçim yapıldığında veya metin değiştirildiğinde
onError : Resmin veya ekranın yüklenmesinde hata oluştuğu zamanlar
onLoad : Sayfa yüklenmesi tamamlandığında
onMouseOut : Mouse pointer bir alan veya linkten uzaklaştırıldığında
onMouseOver : Mouse pointer bir alan veya linkin üzerine geldiğinde
onSelect : Seçim için ayrılmış bir nesne seçildiğinde
onSubmit : Submit(gönder) butonu basıldığında
onUnload : Sayfa yüklenmesi bittiğinde(kullanıcı sayfadan çıktığında)
|