AbdurrahmanKöse

Javascript

JavaScript Nedir?

|

 


     JavaScript Web sayfaları için yeni bir scripttir ve özelliği HTML sayfanızın içine yerleştirilebilmesidir.
JavaScript ile ilginç elemanlar kullanarak HTML
sayfanızı geliştirecek birçok olanağa sahip olacaksınız. Örneğin kullanıcının sayfanızı incelerken yaptığı
hareketlere anında karşılık verebilirsiniz. Ayrıca bir zamanlar sadece CGI ile mümkün olan bazı olaylar
JavaScript ile de yapılabilir. Yani JavaScript'in yardımıyla gerçekten de kaliteli Web sayfaları
yaratabilirsiniz. Şu anda Internet üzerinde JavaScript ile ilgili birçok örnek bululunmaktadır. dökümanları
bulabilirsiniz ancak bu dökümanların dili biraz ağırdır. Gamelan'da (JavaScript kısmında) birçok adres mevcut.
Netscape'de ise JavaScript ile ilgili en son ve en ayrıntılı.

              Java ve JavaScript Arasındaki Farklar Nelerdir?
     Her ne kadar adları birbirinin nerdeyse aynısı olsa da Java ile JavaScript aynı şeyler değildir. Java bir
programlama dilidir, JavaScript ise bir scripttir(Adından anlaşıldığı gibi). Farkları ise; Java ile gerçek
programlar yazarsınız ancak program yazmakla uğraşmadan güzel şeyler yaratmak istenildiğinden ve ağır
çalıştığından dolayı Java çok yaygınlaşmamıştır. JavaScript, ayrı bir programlama dilinden çok HTML'nin bir
uzantısıdır denebilir.
    Tabii ki bu 'resmi' bir tanımlama değil, ama Java ve JavaScript arasındaki farkı anlatmak için iyi bir
tanımlamadır. Hem Java, hem de JavaScript hakkındaki daha ayrıntılı açıklamayı http://www.gamelan.com
adresinden alabilirsiniz.

               JavaScript'leri Çalıştırmak
     JavaScript'i destekleyen ilk tarayıcı Netscape Navigator 2.0 idi. Tabii ki daha yeni versiyonlar da bu dili
destekliyor. Her ne kadar değişik versiyonlarda bazı problemler olsa da JavaScript'i tüm Netscape ailesi
destekleyecektir. Bununla beraber yakın gelecekte tüm tarayıcılar JavaScript'i destekleyelerdir. Örneğin
yakında çıkacak olan Microsoft Internet Explorer 3.0 JavaScript desteğiyle piyasaya sürülecektir. Yani
JavaScript gelecekte çok yaygın olacağından bu tekniği şimdiden öğrenmek faydalı olacaktır. Gördükçe
anlayacaksınız ki JavaScript yazmak gerçekten de çok kolay. Size gereken sadece birkaç ana teknik ve
çevrenizde aynı konuyla uğraşan, bilgi alışverişi yapabileceğiniz kişiler bulmaktan ibaret olacaktır.
    Tabii ki JavaScript öğrenebilmeniz için öncelikle HTML hakkında bilgi sahibi olmanız gerekli. HTML hakkında
Internet'te birçok kaynak mevcuttur.
     Yahoo'da 'html' konu başlığını ararsanız pek çok kaynak bulabilirsiniz.(Bu kaynaklar piyasadaki kitaplardan
çok daha faydalıdır çünkü sürekli güncellenmektedirler. Internet'in büyüme hızına başka türlü yetişmeniz biraz
zor.)             
    
             JAVASCRIPT' E GİRİŞ
     Java Script  C dilinde yazılmış programdır. Java Script programlarını yazabilmek için fazla birşeye ihtiyacınız
yoktur. Bunun için gerekli olanlardan birincisi iyi bir bilgisayar(Windows 95 ve üstü yüklü vs..) ikincisi ise  her
bilgisayarda rahatlıkla bulunabilecek bir kelime  işlem programı (Örneğin Notepad gibi…) Bilgisayarınız ecza
dolabı kılıklı bir PC ise Notepad ,bilgisayarınız rengarenk bir imajda ise Simple Text bu iş için biçilmiş kaftan
gibidir.Eğer bu amaçlı bir kelime işlem programı kullanacaksanız ,oluşturacağınız metin dosyasını diske veya
diskete kaydederken ,düz yazı biçiminde kaydetmesini sağlamalısınız. Çalışmaya başlamadan önce vereceğim
olan örnek kodları bir arada tutabilmek ve gerektiğinde gerçek internet sayfalarında kullanabilmek için sabit
diskinizde bir dizin açmanız yerinde olur.
     JavaScript HTML'in bir parçasıdır ve içinde bulundurduğu HTML ile birlikte Web browseri tarafından
yorumlanır. Dolayısı ile Javascript programı yazmak demek , bir Web sayfası hazırlamak ve bu sayfadaki HTML
kodlarının arasına JavaScript kodları gömmek demektir.Yani  Javascript kodları HTML kodları arsına yerleştirilir.

Şimdi aşağıda ilk Javascript örneğini verelim; Bu kodları düz yazı programında yazıp uzantısı   *. HTML
veya   *. HTM olacak şekilde kaydedin.

                <HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1254">
<title>Merhaba JavaScript!</title>
</head>
<body>
<form>
<BUTTON OnClick="alert('Bu benim ilk javascript programım!')"> TIKLAYIN!</BUTTON>
</form>
</body>
</HTML>  

Aşağıda yukarıdaki kodların Internet Explorer'deki görünümü gösterilmektedir.                                            
            Şimdi yukarıdaki Javascript ve HTML kodlarını açıklayacak olursak ;
1.Adım : <HTML> Browser programına kendisinin bir HTML dosyası olduğunu bildirmek için ilk satırda
<HTML> komutuyla  bunu bildiriyoruz.  </HTML> ile sonlandırılır.

2. Adım: <HEAD> HTML kodu iki bölüm içeriyor. Başılk  (Head) ve gövde (body) bölümleri. Burada
<Head> komut Başlık bölümü başlatılıyor.</Head> komutuyla sonlandırılır.

3. Adım :<TITLE> Bu komut ile Internet Explorer 'deki  gösterilecek Sayfa başlığı belirtilir </title>
komutu ile sonlandırılır.

4. Adım :<BODY> Gövde bölümünde <form> unsuru yer alıyor fakat burada formun tek ögesi var
Düğme yani <button> (Bu komut Tıklayın! İsimli butonu oluşturmak için kullanıldı)

5. Adım : Daha önceden de bahsettiğimiz gibi <button> komutunu buton oluşturmak için kullanıyoruz.
Nesnesel program dillerinin hepsinde olduğu gibi JavaScript' tede nesnelerin olayları bulunuyor. Burada OnClick
olayı butona tıklandığı anda gerçekleşek olaydır.(<button OnClick="alert('Merhaba Dünya!')")Gördüğünüz  gibi
burada ne JavaScript 'in adı geçiyor , ne de html komutlarıyla Javascript komutlarını birbirinden ayıran
<Script> ..   </Script> ifadeleri geçiyor. Buradan da anlaşıldığı gibi  JavaScript Turbo Pascal ,  Borland
Delphi gibi diğer katı dillerden değil.  Yani kendi koyduğu kurallara yüzde yüz uyulması zorunluluğu yok. Eğer
biz yukarda yazdığımız kodları JavaScript 'in koyduğu yazım kurallarına göre yazmış olsa idik gerekli kod
aşağıdaki gibi olması gerekirdi;

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1254">
<title>Merhaba Dünya!</title>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Javascript kodunu eski sürüm browserlardan saklayalim
function merhaba()
{
alert("Bu benim ilk javascript programım!")
}
// kod gizlemenin sonu -->
</SCRIPT>
</head>
<body>
<form>
<INPUT TYPE="SUBMIT" NAME="BUTTON1" VALUE="TIKLAYIN!" onclick="merhaba()">
</form>
</body>
</HTML>

Yazdığımız bu iki kodun sonuçlarının  Internet Explorer 'de gösterimi  arasında hiçbir farkın olamadığı
görülür. Sadece ikinci yazdığımız kod JavaScript 'in yazım kurallarına uygun olarak yazılmıştır. Bununla birlikte
javascript ile HTML'yi birbirinden dikkatlice ayırmanız gereken durumlar, ikisinin birbiriyle kaynaştığı noktalar
çoktur. Hatta o kadar ki ,javascript'in ileri sürümüne ilişkin komutlar kullanıyorsanız ,eski sürüm Browser 'lerin
kafası karışmaması ve dolayısı ile ziyaretçinin bilgisayarının kilitlenmemesi için bunu bile belirtmeniz gereken
durumlar olabilir.





Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Siteniz:
Mesajın:

Bugün 1 ziyaretçiBuralardaydı
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=