|
Java Script / JAVASCRIPT' E GİRİŞ
JAVASCRIPT' E GİRİŞ
|
 |
Yazar: FERDIKUCUK
Eklenme:
26/01/08
Okunma:
203 |
|
|
| |
| |
|
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.
|
| |
|
|
Istatistikler ,
Sitemizde su anda 30 kategori, 377 makale , 104 görsel ders ve 6 Ziyaretci bulunmaktadir...
Toplam üye sayimiz : 496 |
|
 |
|
Copyright © 2007 Programlamadili.net - Programlama & Tasarim: Recep Ikiz & Ferdi Küçük
"Ne Aradığını Bilmeyen Bulduğunun Farkına Varamaz "
|
ACPI Programlama dili,
Action Script Programlama dili,
ASP Programlama dili,
ASP.NET Programlama dili,
Assembly Programlama dili,
Bash Programlama dili,
C Programlama dili,
C# Programlama dili,
C++ Programlama dili,
Cobol Programlama dili,
Delphi Programlama dili,
Flash Programlama dili,
Html Programlama dili,
JAVA Programlama dili,
Java Script Programlama dili,
JSF Programlama dili,
Jsp Programlama dili,
Lua Programlama dili,
Matlab Programlama dili,
MySQL Programlama dili,
Oracle Programlama dili,
Pascal Programlama dili,
Perl Programlama dili,
Photoshop Programlama dili,
PHP Programlama dili,
Python Programlama dili,
REXX Programlama dili,
Ruby Programlama dili,
SEO Programlama dili,
Visual Basic Programlama dili, |
| Reklam alanı |
|