WebciGenclik.Tr.Gg // Tr.Gg'nin Web Cafe'si

JavaScript Nedir?

JavaScript Nedir?

JavaScript Web sayfalari için yeni bir scripttir ve özelligi HTML sayfanizin içine yerlestirilebilmesidir. JavaScript ile ilginç elemanlar kullanarak HTML sayfanizi gelistirecek birçok olanaga sahip olacaksiniz. Örnegin kullanicinin sayfanizi incelerken yaptigi hareketlere aninda karsilik verebilirsiniz. Ayrica bir zamanlar sadece CGI ile mümkün olan bazi olaylar JavaScript ile de yapilabilir. Yani JavaScript'in yardimiyla gerçekten de kaliteli Web sayfalari yaratabilirsiniz. Su anda Internet üzerinde JavaScript ile ilgili birçok örnek bululunmaktadir. Gamelan'da (JavaScript kisminda) birçok adres mevcut. Netscape'de ise JavaScript ile ilgili en son ve en ayrintili dökümanlari bulabilirsiniz ancak bu dökümanlarin dili biraz agirdir.


 

Java ve JavaScript Arasindaki Farklar Nelerdir?

 

Her ne kadar adlari birbirinin nerdeyse aynisi olsa da Java ile JavaScript ayni seyler degildir. Java bir programlama dilidir, JavaScript ise bir scripttir(Adindan anlasildigi gibi). Farklari ise; Java ile gerçek programlar yazarsiniz ancak program yazmakla ugrasmadan güzel seyler yaratmak istenildiginden ve agir çalistigindan dolayi Java çok yayginlasmamistir. JavaScript, ayri bir programlama dilinden çok HTML'nin bir uzantisidir denebilir. Tabii ki bu 'resmi' bir tanimlama degil, ama Java ve JavaScript arasindaki farki anlatmak için iyi bir tanimlamadir.

Hem Java, hem de JavaScript hakkindaki daha ayrintili açiklamayi http://www.gamelan.com adresinden alabilirsiniz.


 

JavaScript'leri Çalistirmak

 

JavaScript'i destekleyen ilk tarayici Netscape Navigator 2.0 idi. Tabii ki daha yeni versiyonlar da bu dili destekliyor. Her ne kadar degisik versiyonlarda bazi problemler olsa da JavaScript'i tüm Netscape ailesi destekleyecektir. Bununla beraber yakin gelecekte tüm tarayicilar JavaScript'i destekleyeceklerdir. Örnegin yakinda çikacak olan Microsoft Internet Explorer 3.0 JavaScript destegiyle piyasaya sürülecektir. Yani JavaScript gelecekte çok yaygin olacagindan bu teknigi simdiden ögrenmek faydali olacaktir. Gördükçe anlayacaksiniz ki JavaScript yazmak gerçekten de çok kolay. Size gereken sadece birkaç ana teknik ve çevrenizde ayni konuyla ugrasan, bilgi alisverisi yapabileceginiz kisiler bulmaktan ibaret olacaktir.
Tabii ki JavaScript ögrenebilmeniz için öncelikle HTML hakkinda bilgi sahibi olmaniz gerekli. HTML hakkinda Internet'te birçok kaynak mevcuttur. Yahoo'da 'html' konu basligini ararsaniz pek çok kaynak bulabilirsiniz.(Bu kaynaklar piyasadaki kitaplardan çok daha faydalidir çünkü sürekli güncellenmektedirler. Internet'in büyüme hizina baska türlü yetismeniz biraz zor.)


 

JavaScript'lerin Sayfaya Yerlestirilmesi

 

Simdi size bazi ufak scriptler göstermek istiyorum. Böylelikle bu yeni script dilinin HTML dökümanlarinda nasil kullanildigini ve bu dille neler yapabileceginizi görebilirsiniz. Ben, HTML dökümanina sadece normal bir yazi yazan çok küçük bir scriptle baslamak istiyorum.

 <html> <head> 
Ilk yazdigim JavaScript! </head> <body> <br> 
Bu normal bir HTML yazisidir. 
<br> <script language="JavaScript"> 
document.write("Iste JavaScript!") 
</script> <br> HTML'ye dönüs. </body> </html>

Eger JavaScript'i destekleyen bir alici kullaniyorsaniz bu scripti çalisirken görebilirsiniz. Eger aliciniz JavaScript'i desteklemiyorsa bu çikti biraz acaip görünebilir.

Bu normal bir HTML dökümanidir.
Iste JavaScript! Iste JavaScript!
HTML'ye dönüs.

Bu script'in pek de yararli oldugunu söyleyemeyecegim. Ayni seyi HTML komutlari ile çok daha hizli ve kisa yazabilirsiniz. Bu örnekle size asil göstermek istedigim <script> komutu idi. Bu komutu dökümaninizin herhangi bir yerinde kullanabilirsiniz.


 

Ilk Fonksiyon

 

Sizi gereksiz scriptlerle sikmak istedigimden dogrudan fonksiyonlara geçmek istiyorum. Fonksiyonlar da anlasilmasi zor bir sey degildir fakat inanin bana, çok daha faydalidir. Fonksiyonlar kullanicinin yaptigi hareketlerle islev kazanir ve <HEAD> komutlari arasina yazilirsa daha iyi olur. Bu komut sayfada okunan ilk yer oldugundan fonksiyonlari buraya yerlestirmek gayet mantiklidir. Böylece kullanici fonksiyon çagiracak bir harekette bulunamadan önce fonksiyonlar tanimlanmis olur. Scriptler ise HTML dilinde sayfada görünmeyen, sadece sayfanin kayanaginda(Document Source)görülen 'yorum' satirlarinin içine yazilir. Böylece JavaScript'i desteklemeyen alicilar scriptle ilgili kisimlari yorum olarak düsünür ve hata mesaji ya da garip sekiller yaratmazlar.

 <html> <head> <script language="JavaScript"> 
<!-- Eski alicilardan scripti saklamak için 
function dugmebas() { alert("Selam!"); 
} // Yorum komutunun kapanmasi --> </script> 
</head> <body> <form> 
<input type="button" name="Button1" 
value="Buraya Tiklayin" onclick="dugmebas()"> 
</form> </body> </html>

Eger bu örnegi hemen simdi test etmek istiyorsaniz ve JavaScript'i destekleyen bir aliciniz varsa lütfen asagidaki dügmeye basin.

 

Bu script bir dügme yaratacaktir ve bu dügmeye bastiginizda bir 'Selam!' yazan bir pencere olusacaktir. Ne muhtesem degil mi? Peki bu scriptte neler oluyor? Öncelikle fonksiyon alici tarafindan okunur ve bilgisayarin hafizasinda tutulur. Daha sonra normal 'HTML' dilindeki <FORM> komutuyla dügme yaratilir. Ancak bu dügmede yeni birsey görmektesiniz: 'onClick' . Bu yazi aliciniza tusa basildiginda hangi fonksiyonu çagiracagini söyler(Tabii eger aliciniz JavaScript'i destekliyorsa). 'dugmebas()' fonsiyonu <HEAD> komutlari arasinda tanimlanmisti. Böylece dügmeye basinca fonksiyon gerçeklestirildi. Bu script'te yeni birsey daha var: 'alert'(Uyari). Bu metod JavaScript'te zaten mevcut oldugundan size sadece onu çagirmak kalmistir. Bunun gibi birçok metod Netscape'in sitesinde bulunmaktadir. Ben burada sadece birkaçini gösterecegim.


 

Form elemanlari

 

Biraz ilerleme kaydettik sayilir. Aslinda su anda sadece scriptlerimize fonksiyon ekleyerek yapabilecegimiz birçok ise yarar sey var. Simdi size kullanicinin forma yazdigi seyleri nasil okuyacaginizi gösterecegim.

 

 <html> 
<head> <script language="JavaScript"> 
<!-- Eski alicilardan scripti saklayalim 
function adoku(str) 
{ alert("Merhaba "+ str+"!"); } 
// saklama islemini sona erdirelim 
--> </script> </head> <body> Adiniz: <form> 
<input type="text" 
name="name" onBlur="adoku(this.value)" value=""> 
</form> </body> </html> 


Simdi bu scripti test edebilirsiniz:

Adiniz:

Bu script'te de yeni bazi elemanlar kullandik. Ilk basta bir yorum yerlestirdik ki eski alicilar script'i okumaya çalismasin. Bu satirlardaki bosluklar ve yazilarin yerlestirildigi yerler önemlidir. Yanlis yazarsaniz bu script'iniz JavaScript destekli alicilarda hata mesaji yaratir. <input> komutlari arasindaki 'onBlur' komutu bilgisayara forma bilgi girildiginde hangi fonksiyonu çagiracagini söyler. Formu doldurup 'enter' tusuna bastiginizda ya da fareyi disarida biryere tikladiginizda 'adoku(str)' fonksiyonu çagrilir. Fonksiyon da 'adoku(this.value)' komutu ile forma girdiginiz bilgiyi alir. 'this.value'(bu.deger) bu forma girdiginiz deger anlamina gelir.



Son Yenilenme Tarihi

 

Sanirim simdi verecegim özellik ilginizi çekecektir. Script'imize tarih fonksiyonu yerlestirecegiz. Böylece yarattiginiz HTML sayfasinin en son degistirildigi tarihi otomatik olarak yazdirabilir ve herseferinde sayfaniza tarih atmak zorunda kalmazsiniz. Basit bir script yazarsiniz ve gelecekte sayfada degisiklik yaptiginizda tarih otomatik olarak degisecektir.

 <html> 
<body> Basit Bir HTML - Sayfasi. <br> 
Son Degisiklikler: 
<script language="JavaScript"> 
<!-- Eski alicilardan script'i saklayalim 
document.write(document.lastModified) 
// Yorum komutunun kapatilmasi --> 
</script> </body> </html> 

 

Bugün 7 ziyaretçi (11 klik) kişi burdaydı!

Tasarımın izinsiz kullanımı halinde gerekli işlem yapılacaktır!
Internet Explorer ile uyumlu değiliz..Lütfen "Mozilla Firefox" La Kullanın !

Bugün:7

İp No:54.146.97.79

Online:

Burdasınız:JavaScript Nedir?


Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol