Programlamadili.Net Yeni Nesil Programlama Portali
 
Makale Ara: 
Kullanıcı Adı : Şifre :
  • Makale Kategorileri
ACPI [0]
Action Script [5]
ASP [12]
ASP.NET [23]
Assembly [3]
Bash [1]
C [4]
C# [9]
C++ [10]
Cobol [1]
Delphi [31]
Flash [5]
Html [9]
JAVA [36]
Java Script [11]
JSF [2]
Jsp [1]
Lua [1]
Matlab [2]
MySQL [26]
Oracle [1]
Pascal [31]
Perl [4]
Photoshop [2]
PHP [108]
Python [8]
REXX [6]
Ruby [1]
SEO [4]
Visual Basic [20]
  • Gorsel Ders Kategorileri
Asp [25]
Asp.Net [5]
Csharp [33]
Delphi [3]
Fireworks [4]
Flash [10]
Java Script [0]
Photoshop [0]
PHP [11]
Vb.Net [9]
Visual Basic [4]
  • Dil
English
Deutsch
deutsch
  • Reklam Alani
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.

              &nbsp; <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.             &nbsp;         ;                  &nbsp;  
            Ş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.




Taglar: Java Script ile RadioBox Değerlerini Okumak Java ve JavaScript Arasındaki Farklar Nelerdir? JavaScript Nedir? JAVASCRIPT' E GİRİŞ JavaScript'leri Çalıştırmak Kod bankası (Texarea yada imput alanını kopyalama) Kod bankası - Belirli süreler ile Değişen Resim Kod bankası(Aşağı Doğru Açılan Menü ornekleri) Kod bankası- Sitedende ziyaretcilere GÜN gösterimi Kod bankası-Sitenize günün sözleri ekleyin Kod bankası-Textarea yada imput alanını kopyalama

Isminiz:
E-mail adresiniz:
Güvenlik Kodu:
  
 

 

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

| Site Haritasi |

"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ı