Fonksiyonlar da anlaşılması zor bir şey değildir fakat inanın bana, çok daha faydalıdır.
Fonksiyonlar kullanıcının yaptığı hareketlerle işlev kazanır ve <HEAD> komutları arasına yazılırsa daha iyi olur. Bu komut sayfada okunan ilk yer olduğundan fonksiyonları buraya yerleştirmek gayet mantıklıdır. Böylece kullanıcı fonksiyon çağıracak bir harekette bulunamadan önce fonksiyonlar tanımlanmış olur. Scriptler ise HTML dilinde sayfada görünmeyen, sadece sayfanın kayanağında(Document Source)görülen 'yorum' satırlarının içine yazılır. Böylece JavaScript'i desteklemeyen alıcılar scriptle ilgili kısımları yorum olarak düşünür ve hata mesajı ya da garip şekiller yaratmazlar.
<html>
<head>
<script language="JavaScript">
<!-- Eski alıcılardan scripti saklamak için
function dugmebas() {
alert("Selam! Uyanan Gençlik");
}
// Yorum komutunun kapanması -->
</script>
</head>
<body>
<form>
<input type="button" name="Button1" value="Buraya Tıklayın" onclick="dugmebas()">
</form>
</body>
</html>
Eğer bu örneği hemen şimdi test etmek istiyorsanız ve JavaScript'i destekleyen bir alıcınız varsa lütfen aşağıdaki düğmeye basın.
Bu script bir düğme yaratacaktır ve bu düğmeye bastığınızda bir 'Selam! Uyanan Gençlik' yazan bir pencere oluşacaktır.
Ne muhteşem değil mi? Peki bu scriptte neler oluyor?
Öncelikle fonksiyon alıcı tarafından okunur ve bilgisayarın hafızasında tutulur. Daha sonra normal 'HTML' dilindeki <FORM> komutuyla düğme yaratılır.
Ancak bu düğmede yeni birşey görmektesiniz: 'onClick' . Bu yazı alıcınıza tuşa basıldığında hangi fonksiyonu çağıracağını söyler(Tabii eğer alıcınız JavaScript'i destekliyorsa). 'dugmebas()' fonsiyonu <HEAD> komutları arasında tanımlanmıştı. Böylece düğmeye basınca fonksiyon gerçekleştirildi.
Bu script'te yeni birşey daha var: 'alert'(Uyarı).
Bu metod JavaScript'te zaten mevcut olduğundan size sadece onu çağırmak kalmıştır.
0 Yanıt
3602 Gösterim