|
Yeni Üyelik Haber bülteni üyeliği
|
JavaScript Fonksiyonları Bir fonksiyon kapalı bir kod bloğudur ve bir olay ya da talep doğrultusunda tekrar tekrar kullanılabilir.
Bir script?in tarayıcı tarafından hemen çalıştırılmasını istemiyorsanız onu bir fonksiyon içine koyabilirsiniz.
Bir fonksiyon bir olay ya da fonksiyonun çağrılması ile çalışacak kodları içinde barındırır. Çağrı ya da olay olmadıkça kodlar çalıştırılmaz. Bir fonksiyonu sayfanın her hangi bir yerinde çağırabilirsiniz. Fonksiyonlar hem head hem de body bölgesine yazılabilirler. Fakat fonksiyonun çağrılmadan önce hafızaya yüklenmesi için head kısmında bulunması tercih edilir.
Örnek <html> <head> <script type="text/javascript"> function mesajgoster() { alert("Naber Dunya!"); } </script> </head>
<body> <form> <input type="button" value="Tikla" onclick="mesajgoster()"> </form> </body> </html>
Eğer alert("Naber Dunya!") satırı fonksiyonun içinde olmasaydı, yükleme sırası o satıra gelir gelmez alarm kutusu ile karşılaşacaktık. Şimdi ise düğmeye tıklamadığınız sürece alarm kutusu ile karşılaşmıyorsunuz. Düğmeye eklediğimiz onclick komutu ile fonksiyonu çağırıyoruz ve alarm kutusunu çalıştırıyoruz.
Fonksiyon nasıl tanımlanır? Bir fonksiyonun dizini;
function fonksiyonismi(değişken1, değişken2, .... , değişkenX) { kodlar }
Değişken1 ve değişken iki fonksiyon içine geçen değişkenlerdir. Tırnaklı parantez içinde o fonksiyonun kodları bulunur. Bir fonksiyonun içinde geçen değişken yoksa bile yine de fonksiyon isminin sonuna parantezler konulur.
function fonksiyonismi() { kodlar } NOT: Fonksiyon isimleri küçük harfli ve türkçe karaktersiz olmalıdır. Aksi takdirde fonksiyon ve içerisindeki kodlar çalışmayacaktır.
Return İfadesi Return ifadesi fonksiyondan dönecek olan değeri tanımlamak için kullanılır.
Örnek Aşağıdaki fonksiyon iki numarayı çarpıyor
function carp(a,b) { x=a*b; return x; }
Bu fonksiyonu çağırırken değişkenlerini tanımlamak gerekiyor;
carpim=carp(2,3);
Örnekler Fonksiyon <html> <head> <script type="text/javascript"> function alarm() { alert("Naber Dunya!"); } </script> </head>
<body> <p>Asagidaki dugme ile alarmi calistirin</p> <form> <input type="button" onclick="alarm()" value="tikla" /></form> </body> </html>
Argümanlı Fonksiyon <html> <head> <script type="text/javascript"> function alarm(metin) { alert(metin); } </script> </head>
<body> <form> <input type="button" onclick="alarm('Naber Dunya!!!')" value="tikla" /> </form> <p>Yukaridaki dugme ile argumanli fonksiyonu cagirin</p> </body> </html>
Argümanlı Fonksiyon 2 <html> <head> <script type="text/javascript"> function alarm(metin) { alert(metin); } </script> </head>
<body> <form> <input type="button" onclick="alarm('iyi gunler')" value="guduz" /> <input type="button" onclick="alarm('iyi aksamlar')" value="aksam" /> <input type="button" onclick="alarm('iyi geceler')" value="gece" /> </form> </body> </html>
Return İfadeli Fonksiyon <html> <head> <script type="text/javascript"> function naberdunya() { return("Naber Dunya!!!"); } </script> </head>
<body> <script type="text/javascript"> document.write(naberdunya()); </script> </body> </html>
teþekkür ederm
Emeği geçen herkese teşekkür ederim. Bu konuya ilk kez giriş yaptım. Çok faydalı oldu.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Copyright © 2005 Uzerine.com
uzerine.com Ana Sayfa |
Gizlilik Sözleşmesi |
Üye Girişi