JavaScript Fonksiyonlar (Functions)
Bir fonksiyon bir dizi işlemi yerine getirir ve bir sonuç döndürür
Kullanımı:
function fonksiyonAdı(arguman1,arguman2,arguman3..... arguman_n)
{
ifade1;
ifade2;
ifade3;
}
Bir fonksiyonu tanımlamak
Bir fonksiyon, kendisini göreve çağıran komuttan veya fonksiyondan veri kümesi (argument) alabilir.
Hiçbir arguman kullanılmayacak olsa bile parantezleri kullanmanız gerekir.
Sonuç olarak kendisini çagıran komuta bir değer gönderebilir.
Fonksiyonlar mutlaka SCRIPT etiketinin içinde yer alır.
Bir fonksiyonu çağırmadan önce, onu tanımlanması gerekir.Genel olarak fonksiyonlar HTML belgenin HEAD bölümünde tanımlanır.
Bir fonksiyon istenildiği kadar çağrılabilir(kullanılabillir).
Bir fonksiyonu çağırmak
Bir fonksiyonu işletmek için onu çağırmanız gerekir. Bir fonksiyonu çağırmak için adını ve varsa argümanlarını belirtmemiz gerekir.
Basit Örnek :
<html>
<head>
<script language="Javascript">
function Deneme()
{
alert("Merhaba Javascript");
}
</script>
</head>
<body>
<form name="form1">
<input type="button" value="Buraya Tıkla" onclick="Deneme()">
</form>
</body>
</html>
Örnek İçin tıklayınız...
Burda form daki button elemanın onclick yordamınyla meta taglar arasına yerleştirdigimiz deneme fonksiyonunu çagırmaktadır. Deneme fonsiyonuda javascript’ de hazır bulunan alert metodunu kullanılarak ekrana merhaba uyarısını çıkartacaktır.Bu Örnek Fonksiyonda arguman kullanılmamıştır.
Fonksiyona değer gönderme ve değer alma;
Bir fonksiyon ile Javascript programının diğer işlemlerinin ilk ilişkisi fonksiyona bir değer gönderme ve ondan bir değer almaktır. Bir fonksiyon, yaptığı işin sonucu olarak, kendisini göreve çağıran komuta veya fonksiyona bir değer verebilir.
Örnek :
<html>
<head>
<script language="Javascript">
function Deneme(param)
{
alert(param);
}
</script>
</head>
<body>
<form name="form1">
<input type="button" value="Buraya Bas" onclick="Deneme('Merhaba Hoşgeldiniz)">
</form>
</body>
</html>
Örnek İçin tıklayınız...
Yukardaki örnekte deneme fonksiyonuna “Merhaba Hoşgeldiniz” argumanı gönderilmekte ve bu argumanı deneme fonksiyonu “param” paremetresine alarak işlemekte.
return ifadesi
Bu ifade , bir değeri döndürmek için function ifadesiyle birlikte kullanılır.
Bir fonksiyon içinde return ifadesinin kullanımı isteğe bağlıdır. Çünkü javascript fonksiyonlarının hepsi belli bir değeri döndürmez
function fonksiyonun adı (argüman1, argüman2,....,argümanN)
{
İŞLEMLER;
return değer
}
Buradaki return kodu, işlemlerle bulunan bir değeri fonksiyona atamakta kullanılır. Aşağıdaki uygulamayla daha iyi anlayacaksınız.
<html>
<head>
<script language="JavaScript">
function kareal(x)
{
x = x * x
return x
}
</script>
</head>
<body>
Yukardaki örnek Değer Atamalı Fonksiyonlara örnektir.
Değer Atamalı Fonksiyonlar; yaptığı işlemleri bir değere dönüştürüp, bu değeri değişkenlere veya HTML nesnelerine aktarması.
Fonksiyonların gerçekleşmesi için fonksiyonun çağırıldığı olay'ın olması gerekmektedir. Bu olaylardan bazıları şunlardır.
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)
|
