May
1st

Javascript Dersleri 1

Files under Javascript | Posted by Nuh

Javascript’e GiriÅŸ

Javascript istemci (client based) tipte bir lisandır. Yani ne yaparsanız hepsi istemcinin (ziyaretçi) PCsindeki tarayıcı programda çalışır. Server-side (sunucu tarafı) ise bunun tam tersi olup, server-side lisanlar ise web sunucularında çalışır, sonucu HTML’ye çevirip istemci (ziyaretçinin) tarayıcısına gönderir.Javascriptle interactivite elde edersiniz. Mesela mouse-over efektleri gibi. Elbette verilebilecek örnekler çoÄŸalabilir. CGI’ın tem tersi olay burada hemen gördüğünüz ekranda biter. CGI ile her zaman bir ÅŸeyleri tıklayıp, sunucudan bir reaksiyon gelmesini beklemek zorundasınız. Javascript tümüyle farklıdır! Ziyaretçiniz bir ÅŸey yapınca bunun karşılığında Javascriptte gelir karşılık verir. Her fare hareketi, klavyedeki herhangi bir butonu tıklamanız (kısaca herÅŸey) Javascript tarafından kontrol edilebilir. Åžimdi dilerseniz gidin klavyeden A harfini tıklayın, hooop hemen anasayfaya gidersiniz. Aman geri gelin hemen. Åžimdi size daha cool bir Javascript örneÄŸi vermek isterim:

<script language=”JavaScript”>
<!–function yey(){
alert(’Vay bee! JavaScriptde neymiÅŸ böyle!’)
}//–>
</script>

Bu yey() fonksiyonunu tarifeden kod idi. Fonksiyonların ne olduğunu daha ilerde öğreneceğiz. Şu anda ilk ve son 2 satıra konsantre olunuz. Orta kısımda ise sadece alert-box çağıran ve içinde ne olması gerektiğini söyleyen kod var. Aşağıda ayıklanmış halini bulacaksınız:

<script language=”JavaScript”>
<!– yazdığınız JavaScript buraya//–>
</script>

Bütün scriptler bu şekilde başlamalı, biraz daha irdeleyelim:

<script language=”JavaScript>

Burada yalnız HTML vardır. <SCRIPT> etiketleri tarayıcıya bir script ile karşı karşıya olduğunu belirtirken language (lisan) özelliği ise bu script-lisanını belirtir. Şimdilik varsayılan Javascript kabul ediliyor, ama siz siz olun, her etikette belirtin, çünkü belli mi olur standartlar değişir, hoppaaa yeni bir scripting-language bulunur!..

<!–Bunu bir yerden hatırlıyorsunuz deÄŸil mi? Evet, doÄŸru, bu HTML yorum satırının baÅŸlangıcı. Burada ne iÅŸi var diye sorarsınız ÅŸimdi. Cevabı basit, <SCRIPT> etiketini desteklemeyen eski tarayıcı programı olan vatandaÅŸlar hala bir yerlerde kalmıştır sanırım. Böylece eski tarayıcılar <SCRIPT> etiketi yerine HTML yorum iÅŸaretlerini deÄŸerlendirirler. Yani saÄŸda solda gördüğünüz Hiding from older browsers dedikleri olay bu iÅŸte. JavaScript kabul edenler bu etiketi dikkate almadan devam ederler.//

–>Bu satırda ise anlatılacak 2 ÅŸey var (satır o kadar uzun deÄŸil ama çok önemli ÅŸeyler içeriyor:-) .)
1.) Burada “//” yorum olarak kullanılıyor. “//” ardından gelen herÅŸey Javascript çalışırken dikkate alınmaz. Bu yorumları bolca kullanın ki birkaç hafta sonra yazdığınız scripte bakınca neyi niçin koyduÄŸunuzu anlayınız.

2.) “–>” etiketi daha önce baÅŸlamış yorumun bittiÄŸini iÅŸaret eder.
</script>

Post a Comment