JavaSciript Dersleri

xusertm · 05-31-2008, 05:47 PM

Evet bir ilk daha php dersleri o kadar sevilmedi bu sevilse bari

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ı Linkler sadece üyelere.... Üye ol]
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">

</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.

devamı gelecek...

xusertm · 06-04-2008, 08:27 AM

Başka bir yöntem ise javascript kodları ile HTML kodlarının aynı dosyada yazılması kafanızı karıştırıyor iseniz bunları ayrı ayrı kaydedebilirsiniz .Bunun için JavaScript kodlarınızın bulunduğu dosyayı *.JS uzantılı kaydedip ( bu örnek için deneme.js kullanıldı) yapabilirsiniz. Bunun için aşağıdaki kodu uzantısı *.js olacak şekilde kaydedin; function merhaba() { alert("Bu benim ilk javascript programım!") } Sonra, HTML dosyamıza bu dosyayı aşağıdaki şekildeki gibi eklemelisiniz; <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1254"> <title>Merhaba Dünya!</title> <SCRIPT SRC="http://www.webhatti.com/web-tasarim-ve-hazir-kodlar/deneme.js" LANGUAGE="JavaScript1.2" > </SCRIPT> </head> <body> <form> <INPUT TYPE="SUBMIT" NAME="BUTTON1" VALUE="TIKLAYIN!" onclick="merhaba()"> </form> </body> </HTML> Komutların esnekliğini görüpte JavaScript diline, "Ne yapsam olur, Nasıl yazsam işler" yaklaşımı ile yaklaşmamalısınız. JavaScript dili diğer program dilleri gibi yazılıp derlenebilmesi (çalıştırılabilmesi) için kendi koyduğu yazım kurallarına uyulmasını ister. Denemek maksadı ile yukarıdaki yazdığımız JavaScript kodunda herhangi bir süslü parantezi ({ veya }) kaldırıp farklı isimde kaydedin. Bu durumda oluşan hatayı özleyebilirsiniz. Yazdığınız kodlar kesinlikle çalışmaz. HTML sayfalarının Web Browser programlarında oluşabilecek başka bir hata ise ,kodu icra etmek yerine içerik gibi görüntülemeleridir. Web ziyaretçilerinin hala kullandığı eski sürüm browser'ler yazdığımız JavaScript kodlarını ya hiç anlamazlar yada sayfanın içeriği gibi görüntülerler. Netscape 2.0 öncesi ile Internet Explorer 3.0 öncesi browser sürümleri javascript kodlarını desteklemezler. Bunu önlemek için bu kodları eski sürümlerden gizlemeniz gerekir. Yukarıdaki kodlara bakarsanız: <!-- Javascript kodunu eski sürüm browserlardan saklayalim function merhaba() { alert("Bu benim ilk javascript programım!") } // kod gizlemenin sonu - - > şeklinde bir bölüm göreceksiniz. Bu bölümün başında ve sonunda yer alan işaretleri arasında yer alan her şey eski sürüm browserlerden gizlenmiş olur. JAVASCRIPT 'IN TEMEL KANUNLARI Web Browser Programları ,javascript komutlarını yorumlayabilmek için ,HTML'in içinde <SCRIPT LANGUAGE ="JavaScript"> etiketini ararlar ve </SCRIPT> etiketini gördükleri anda bu yoruma son verirler. HTML yorumuna dönerler . Bu etikette ,kullanacağınız javascript sürümünü de belirtebilirsiniz. JavaScript şu anda 1.3 'üncü sürümünde .Ancak Nestcape 2.0 ve 2.2 ile I.Ex. 3.0 ,JavaScript'in 1. 0 ve 1.1 sürümlerini tanıyabilirler. Script etiketinde sürüm yazmazsanız ,her iki Browser de 1.0 sürümünü kullandığınızı farz eder. Nestcape ileri sürümlere ait komutları (eğer tanıyorsa) icra eder, tanımıyorsa görmezden gelir. Internet Explorer ise tanıdıklarını icra eder tanımadıkları için hata verir. Kullanılan browser türleri ve sürümlerine göre istatistikler JavaScript'in 1.2 sürümünün en güvenlisi olduğunu göstermektedir. UYARI: Javascript'in 1.0 sürümünü kullanmak için <SCRIPT LANGUAGE="JavaScript1.0"> veya <SCRIPT LANGUAGE="JavaScript1"> yazmanız ile Internet Explorer hata mesajı verir.Nestcape ise javascript kodlarını görmezden gelir. JAVASCRIPT YAZIM KURALLARI 1.Belirleyiciler (Identifier) : JavaScript dilinin değişkenleri ,metodları ve nesnelerini belirleyen isimlere Belirleyiciler denir. Bu sınıfa giren kelimeler ya harfle ya da altçizgi ( _ ) ile başlar. Rakam veya diğer karekterler birinci karekter olarak kullanılmazlar, fakat daha sonra kullanılabilir. Javascript aynı kelimenin büyük harfle yazılanı ile küçük arfle yazılanını farklı isimler olarak görür.Bu sınıfa giren kelimelerin içinde boşluk kullanılmaz. JavaScript kodlarınız sizin bilgisayarınızda değil diğer ziyaertçilerin bilgisayarlarında çalışacağı için kullandığınız karakterlerin diğer bilgisayarlarda nasıl bir değer taşıyacağını üşünmeniz gerekir. Bunun için en güvenli yol Türkçe karakterleri kullanmamaktır. Dolayısı ile İngilizce karakterleri kullanmak daha verimli olur. Türkçe ve diğre dillerde bulunan high-Ascii karakterleri ( ı , İ , ğ , Ğ , ş , Ş ile ü , Ü , ö , Ö , ç ve Ç) Aşağıda doğru ve yanlış belirleyiciler gösterilmektedir. Doğru Yanlış sonucgoster sonuc goster İkincidegisken 2ncidegisken _gelen #gelen NOT: Anahtar kelime gurubundaki sözcüklerde burada kullanılmaz. 2.Anahtar Kelimeler (Keyword): JavaScript dilinin önceden tanımlanmış ve programın yorumunda özel anlam kazandırılmış kelimelerine Anahtar Kelime denir. Aşağıda bu kelimelerin yanında anlamlarını göreceksiniz; ileride bu kelimelerin anlamları ve kullanımları detaylıca gösterilecektir. JavaScript 1.0 sürümündeki Anahtar Kelimeler (Keyword): Break (kes) this (bu) Continue (devam et) true (doğru) Else (değil ise) var (variable,değişken) False (yanlış) while (�iken) For (için) with (ile) Function (işlev) JavaScript 1.1 ile eklenen anahtar kelimeler: if (eğer) typeof (türü) in (içinde) void (geçersiz) int (integer, tamsayı) JavaScript 1.2 ile eklenen anahtar kelimeler: new (yeni) do (yap) null (boş değer) labeled (etiketli) return (dön) switch (değiştir) 3.Ayrılmış Kelimeler (Reserved): İkinci guruba girsin girmesin bazı kelimeler, ileride JavaScript programlama ve yorumlama işlerinde kullanılabileceği düşüncesi ile bir kenara ayrılmıştır; JavaScript kodlarında kullanılmazlar. Bu listede yer alan ve halen Anahtar Kelime listesine girmiş bir kelime değişken , fonksiyon , nesne veya metot adı olarak kullanılırsa program hata verir ;henüz bu listeye girmeyen kelimeler ise görmezden gelinir. Bunlar şöyledir: abstract (soyut) int (integer, tamsayı) boolean (Boolean manığı) interface (arayüz) break (kes) labed (etiketli) byte (bayt) long (uzun) case (hal) native (kendinden olan) catch (yakala) new (yeni) char (karakter) null (boş değer) class (sınıf) package (paket) const (sabit) private (özel) continue (devam et) protected (korunmuş) default (varsayılan) public (genel) delete (sil) return (dön) do (yap) short (kısa) double (çift) static (sabit) else (başka bir durum) super (kuvvet) extends (uzanır) switch (değiştir) false (yanlış) synchronized (uyumlu) final (sonuncu) this (bu) finally (sonunda) throw (içine kat) float (kesirli) throws (içine katar) goto (-- ya git) transient (geçici) if (eğer) true (doğru) implements (uygular) try (dene) import (ithal et) typeof (türü) in (içinde) var (değişken) instanceof (-- nin oluşum) void (geçersiz) while (iken) with (ile) 4. Değerler (Literal): Java Script kodu icra edildiği sırada değişmeyen rakam veya metinlere Değer denir. JavaScript kodlarında beş tür değer bulunur: 1.Tamsayı Değerler (integer literal): Tamsayılar ,10 tabanlı (ondalık ,decimal) , 8 tabanlı (octal) veya 16 tabanlı (hexadecimal) olabilir.8 tabanlı sayıları belli etmek için sayıdan önce sıfır, 16 tabanlı sayıları belli etmek için sıfır ve X harfi kullanılır. (Sayının basamaklarını okuma kolaylığı sağlamak için , nokta değil ,virgül ile ayırmalısınız.) Örnek: Decimal 45,7845 ;Octal 0548,456; Hexadecimal 0x54AC 2.Kesirli Değerler (Floating - point literal): Tamsayı bölümünü bir ondalık nokta (virgül değil) ile kesir bölümü izleyen sayılar. Örnek: 354645.45 , -545.4545 gibi 3.Boolean Mantık ifadeleri (Boolean literal): Javascript dilinde ,boolean mantığı ,iki sonuç verir. True (doğru) ve False (yanlış). JavaScript ,True (doğru) değerini 1 ,False (yanlış) değerini 0 rakamıyla tutar. Bir denklemin sonucunun doğru veya yanlış olduğunu irdelerken ,javascript metninde bu iki kelime küçük harfle yazılmalıdır.Büyük harfle yazılması ile bunları JavaScript değişken ,function adi vs.. gibi görür. 4.Alfanümerik (Karakter) Değeler (String Literal): İki adet çift tırnak (") veya tek tırnak (') içine alınan her türlü ifade ,javascript için string değerdir. (yazdığınız kodlarda ilk başta tek tırnak daha sonra çift tırnak kullanmazsınız .İlk olarak hangi tür tırnağı kullandıysanız kod sonuna kadar aynı türden tırnak kullanılmalıdır.) Örnek : 'Bugün hava çok güzel' , "Yeni geldim" , "1202.45454" gibi 5.Özel Karakterler: Özellikle alfanümerik değerleri verirken , browser'a metin görüntülerken özel karakterleri çıkartmak için bazı kod harflerinin önüne ters-bölü işareti koyarak yapabilirsiniz.Bunlar şunlardır: \b - Klavyede Geri (backspace) tuşunun görevini yaptırır \f - Yazıcıya sayfayı bitirmeden çıkarttırır (formfeed) \n - Yazı imlecini yeni bir satırın başına getirir. (new line) \r - Klavyede Enter - Return tuşunun görevini yaptırır \t - Sekme (tab) işaretini koydurur \\ - Yazıya ters - bölü işaretini koydurur \' - Yazıya tek tırnak işareti koydurur \" - Yazıya çift tırnak işareti koydurur

JavaSciript Dersleri konusuna benzer konular:
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Tefsir Dersleri	HoLyWar	Şiirler	0	12-28-2007 05:22 PM
Hayatın dersleri	saskınım	Komik Fıkralar	2	12-26-2007 09:33 PM
Çocuklardan Aşk Dersleri...	breakerturk	Aşk & Sevgi	0	12-09-2007 03:23 PM
C Dersleri	kenanemrem	Resimli Program Anlatım	1	11-27-2007 02:24 AM
PHP Dersleri...	shempatiq	Web Tasarım ve Hazır Kodlar	0	11-13-2007 09:04 PM

05-31-2008, 05:47 PM
xusertm	JavaSciript Dersleri Evet bir ilk daha php dersleri o kadar sevilmedi bu sevilse bari 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ı Linkler sadece üyelere.... Üye ol] 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. devamı gelecek...

06-04-2008, 08:27 AM
xusertm	Cevap: JavaSciript Dersleri Başka bir yöntem ise javascript kodları ile HTML kodlarının aynı dosyada yazılması kafanızı karıştırıyor iseniz bunları ayrı ayrı kaydedebilirsiniz .Bunun için JavaScript kodlarınızın bulunduğu dosyayı .JS uzantılı kaydedip ( bu örnek için deneme.js kullanıldı) yapabilirsiniz. Bunun için aşağıdaki kodu uzantısı .js olacak şekilde kaydedin; function merhaba() { alert("Bu benim ilk javascript programım!") } Sonra, HTML dosyamıza bu dosyayı aşağıdaki şekildeki gibi eklemelisiniz; <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1254"> <title>Merhaba Dünya!</title> <SCRIPT SRC="http://www.webhatti.com/web-tasarim-ve-hazir-kodlar/deneme.js" LANGUAGE="JavaScript1.2" > </SCRIPT> </head> <body> <form> <INPUT TYPE="SUBMIT" NAME="BUTTON1" VALUE="TIKLAYIN!" onclick="merhaba()"> </form> </body> </HTML> Komutların esnekliğini görüpte JavaScript diline, "Ne yapsam olur, Nasıl yazsam işler" yaklaşımı ile yaklaşmamalısınız. JavaScript dili diğer program dilleri gibi yazılıp derlenebilmesi (çalıştırılabilmesi) için kendi koyduğu yazım kurallarına uyulmasını ister. Denemek maksadı ile yukarıdaki yazdığımız JavaScript kodunda herhangi bir süslü parantezi ({ veya }) kaldırıp farklı isimde kaydedin. Bu durumda oluşan hatayı özleyebilirsiniz. Yazdığınız kodlar kesinlikle çalışmaz. HTML sayfalarının Web Browser programlarında oluşabilecek başka bir hata ise ,kodu icra etmek yerine içerik gibi görüntülemeleridir. Web ziyaretçilerinin hala kullandığı eski sürüm browser'ler yazdığımız JavaScript kodlarını ya hiç anlamazlar yada sayfanın içeriği gibi görüntülerler. Netscape 2.0 öncesi ile Internet Explorer 3.0 öncesi browser sürümleri javascript kodlarını desteklemezler. Bunu önlemek için bu kodları eski sürümlerden gizlemeniz gerekir. Yukarıdaki kodlara bakarsanız: <!-- Javascript kodunu eski sürüm browserlardan saklayalim function merhaba() { alert("Bu benim ilk javascript programım!") } // kod gizlemenin sonu - - > şeklinde bir bölüm göreceksiniz. Bu bölümün başında ve sonunda yer alan işaretleri arasında yer alan her şey eski sürüm browserlerden gizlenmiş olur. JAVASCRIPT 'IN TEMEL KANUNLARI Web Browser Programları ,javascript komutlarını yorumlayabilmek için ,HTML'in içinde <SCRIPT LANGUAGE ="JavaScript"> etiketini ararlar ve </SCRIPT> etiketini gördükleri anda bu yoruma son verirler. HTML yorumuna dönerler . Bu etikette ,kullanacağınız javascript sürümünü de belirtebilirsiniz. JavaScript şu anda 1.3 'üncü sürümünde .Ancak Nestcape 2.0 ve 2.2 ile I.Ex. 3.0 ,JavaScript'in 1. 0 ve 1.1 sürümlerini tanıyabilirler. Script etiketinde sürüm yazmazsanız ,her iki Browser de 1.0 sürümünü kullandığınızı farz eder. Nestcape ileri sürümlere ait komutları (eğer tanıyorsa) icra eder, tanımıyorsa görmezden gelir. Internet Explorer ise tanıdıklarını icra eder tanımadıkları için hata verir. Kullanılan browser türleri ve sürümlerine göre istatistikler JavaScript'in 1.2 sürümünün en güvenlisi olduğunu göstermektedir. UYARI: Javascript'in 1.0 sürümünü kullanmak için <SCRIPT LANGUAGE="JavaScript1.0"> veya <SCRIPT LANGUAGE="JavaScript1"> yazmanız ile Internet Explorer hata mesajı verir.Nestcape ise javascript kodlarını görmezden gelir. JAVASCRIPT YAZIM KURALLARI 1.Belirleyiciler (Identifier) : JavaScript dilinin değişkenleri ,metodları ve nesnelerini belirleyen isimlere Belirleyiciler denir. Bu sınıfa giren kelimeler ya harfle ya da altçizgi ( _ ) ile başlar. Rakam veya diğer karekterler birinci karekter olarak kullanılmazlar, fakat daha sonra kullanılabilir. Javascript aynı kelimenin büyük harfle yazılanı ile küçük arfle yazılanını farklı isimler olarak görür.Bu sınıfa giren kelimelerin içinde boşluk kullanılmaz. JavaScript kodlarınız sizin bilgisayarınızda değil diğer ziyaertçilerin bilgisayarlarında çalışacağı için kullandığınız karakterlerin diğer bilgisayarlarda nasıl bir değer taşıyacağını üşünmeniz gerekir. Bunun için en güvenli yol Türkçe karakterleri kullanmamaktır. Dolayısı ile İngilizce karakterleri kullanmak daha verimli olur. Türkçe ve diğre dillerde bulunan high-Ascii karakterleri ( ı , İ , ğ , Ğ , ş , Ş ile ü , Ü , ö , Ö , ç ve Ç) Aşağıda doğru ve yanlış belirleyiciler gösterilmektedir. Doğru Yanlış sonucgoster sonuc goster İkincidegisken 2ncidegisken _gelen #gelen NOT: Anahtar kelime gurubundaki sözcüklerde burada kullanılmaz. 2.Anahtar Kelimeler (Keyword): JavaScript dilinin önceden tanımlanmış ve programın yorumunda özel anlam kazandırılmış kelimelerine Anahtar Kelime denir. Aşağıda bu kelimelerin yanında anlamlarını göreceksiniz; ileride bu kelimelerin anlamları ve kullanımları detaylıca gösterilecektir. JavaScript 1.0 sürümündeki Anahtar Kelimeler (Keyword): Break (kes) this (bu) Continue (devam et) true (doğru) Else (değil ise) var (variable,değişken) False (yanlış) while (�iken) For (için) with (ile) Function (işlev) JavaScript 1.1 ile eklenen anahtar kelimeler: if (eğer) typeof (türü) in (içinde) void (geçersiz) int (integer, tamsayı) JavaScript 1.2 ile eklenen anahtar kelimeler: new (yeni) do (yap) null (boş değer) labeled (etiketli) return (dön) switch (değiştir) 3.Ayrılmış Kelimeler (Reserved): İkinci guruba girsin girmesin bazı kelimeler, ileride JavaScript programlama ve yorumlama işlerinde kullanılabileceği düşüncesi ile bir kenara ayrılmıştır; JavaScript kodlarında kullanılmazlar. Bu listede yer alan ve halen Anahtar Kelime listesine girmiş bir kelime değişken , fonksiyon , nesne veya metot adı olarak kullanılırsa program hata verir ;henüz bu listeye girmeyen kelimeler ise görmezden gelinir. Bunlar şöyledir: abstract (soyut) int (integer, tamsayı) boolean (Boolean manığı) interface (arayüz) break (kes) labed (etiketli) byte (bayt) long (uzun) case (hal) native (kendinden olan) catch (yakala) new (yeni) char (karakter) null (boş değer) class (sınıf) package (paket) const (sabit) private (özel) continue (devam et) protected (korunmuş) default (varsayılan) public (genel) delete (sil) return (dön) do (yap) short (kısa) double (çift) static (sabit) else (başka bir durum) super (kuvvet) extends (uzanır) switch (değiştir) false (yanlış) synchronized (uyumlu) final (sonuncu) this (bu) finally (sonunda) throw (içine kat) float (kesirli) throws (içine katar) goto (-- ya git) transient (geçici) if (eğer) true (doğru) implements (uygular) try (dene) import (ithal et) typeof (türü) in (içinde) var (değişken) instanceof (-- nin oluşum) void (geçersiz) while (iken) with (ile) 4. Değerler (Literal): Java Script kodu icra edildiği sırada değişmeyen rakam veya metinlere Değer denir. JavaScript kodlarında beş tür değer bulunur: 1.Tamsayı Değerler (integer literal): Tamsayılar ,10 tabanlı (ondalık ,decimal) , 8 tabanlı (octal) veya 16 tabanlı (hexadecimal) olabilir.8 tabanlı sayıları belli etmek için sayıdan önce sıfır, 16 tabanlı sayıları belli etmek için sıfır ve X harfi kullanılır. (Sayının basamaklarını okuma kolaylığı sağlamak için , nokta değil ,virgül ile ayırmalısınız.) Örnek: Decimal 45,7845 ;Octal 0548,456; Hexadecimal 0x54AC 2.Kesirli Değerler (Floating - point literal): Tamsayı bölümünü bir ondalık nokta (virgül değil) ile kesir bölümü izleyen sayılar. Örnek: 354645.45 , -545.4545 gibi 3.Boolean Mantık ifadeleri (Boolean literal): Javascript dilinde ,boolean mantığı ,iki sonuç verir. True (doğru) ve False (yanlış). JavaScript ,True (doğru) değerini 1 ,False (yanlış) değerini 0 rakamıyla tutar. Bir denklemin sonucunun doğru veya yanlış olduğunu irdelerken ,javascript metninde bu iki kelime küçük harfle yazılmalıdır.Büyük harfle yazılması ile bunları JavaScript değişken ,function adi vs.. gibi görür. 4.Alfanümerik (Karakter) Değeler (String Literal): İki adet çift tırnak (") veya tek tırnak (') içine alınan her türlü ifade ,javascript için string değerdir. (yazdığınız kodlarda ilk başta tek tırnak daha sonra çift tırnak kullanmazsınız .İlk olarak hangi tür tırnağı kullandıysanız kod sonuna kadar aynı türden tırnak kullanılmalıdır.) Örnek : 'Bugün hava çok güzel' , "Yeni geldim" , "1202.45454" gibi 5.Özel Karakterler: Özellikle alfanümerik değerleri verirken , browser'a metin görüntülerken özel karakterleri çıkartmak için bazı kod harflerinin önüne ters-bölü işareti koyarak yapabilirsiniz.Bunlar şunlardır: \b - Klavyede Geri (backspace) tuşunun görevini yaptırır \f - Yazıcıya sayfayı bitirmeden çıkarttırır (formfeed) \n - Yazı imlecini yeni bir satırın başına getirir. (new line) \r - Klavyede Enter - Return tuşunun görevini yaptırır \t - Sekme (tab) işaretini koydurur \\ - Yazıya ters - bölü işaretini koydurur \' - Yazıya tek tırnak işareti koydurur \" - Yazıya çift tırnak işareti koydurur Konu xusertm tarafından (06-04-2008 Saat 08:31 AM ) değiştirilmiştir..

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder

JavaSciript Dersleri