JavaScript; Netscape firması
tarafından üretilmiştir. Web sitenizin görünüm olarak zenginleştirilmesi,
dinamik yapısının güçlendirilmesi ve işlevselliğinin artırılması için
kullanılan istemci taraflı
(client-side script) bir dildir. Javascript, az sonra öğrenmeye başlayacağımız
dinamik işlevleri site ziyaretçilerinizin bilgisayarlarında çalıştırır. Zaten
istemci taraflı dillerin mantığı da budur.
JavaScript
ile yapacağınız işleri, sunucu taraflı bir dille mesela; PHP ile yapmak
istediğinizde, sunucu taraflı dillerde programlar Web Server’ da çalıştığı için
bu durum sunucunuza ek bir yük bindirecektir. Sunucu taraflı dillerin tüm
işlevlerini JavaScript ile yapabileceğinizi kastetmiyorum. Burada anlatmaya
çalıştığım husus; PHP ile de yapabileceğiniz bazı işleri JavaScript ile
yapmanın sunucuya daha az yük bindireceği ve sayfalarınızın daha hızlı
açılmasını sağlayacağıdır.
JavaScript
kodları HTML etiketleri içine gömülerek yazılır ve tarayıcılar tarafından
yorumlanır. Dolayısıyla HTML’ de olduğu gibi JavaScript ile de farklı
tarayıcılarda farklı sonuçlar alma ihtimali söz konusudur. Tabi JavaScript
kodlarını ayrı bir dosya olarak da tutabilirsiniz. Bu takdirde dosya uzantısı .js olmalıdır.
JavaScript’ in Yapısı
JavaScript kodları HTML sayfalarına gömülür ve sayfa içinde kullanmak için script etiketinden yararlanılır.
<script type=”text/javascript”>
//JavaScript kodları buraya gelecek.
</script>
Eğer
harici bir sayfa kullanacaksak, söz konusu harici JavaScript dosyasını
belgemize eklemek için aşağıdaki kalıbı kullanırız.
<script src=”dosyaismi.js”
type=”text/javascript”></script>
Bu
kalıp head etiketleri arasına yazılır. Şimdi isterseniz ilk JavaScript çalışmamızı
yapalım.
<!DOCTYPE HTML PUBLIC “-//W3C/DTD
XHTML 1.0 Transitional//EN” http://www.w3.org/TR/xhtml1-transitional.dtd>
<html
xlmns=”http://www.w3org/1999/xhtml”>
<head>
<script type=”text/javascript”>
document.writeln (“Merhaba JavaScript
Ben Geldim”);
</head>
<body>
</body>
</html>
Bu
kod ile ekrana;
Merhaba JavaScript Ben Geldim
Yazdırmış
olduk. Kodda geçen document, üzerine bilgi yazılacak olan nesneyi ifade eder.
Writeln metodu ise, nesneye string (karakter dizisi) bir veri yazdırmak için
kullanılır.
Burada
Writeln yerine Write kullanabilirsiniz. Farkı; Writeln metodu, yazma işlemini
yeni bir satır başından itibaren başlatır. Write ise bir önceki adımda hangi
satırda kalınmışsa o satırdan devam eder.
Her
bir JavaScript satırı ; (noktalı virgülle) bitirilir. Ve stringler “ ” (tırnak)
içine alınarak yazılır. Burada istersek HTML etiketlerini de kullanabiliriz.
<script type=”text/javascript”>
Document.writeln (<h1>MERHABA
JAVASCRİPT BEN GELDİM</h1>);
</script>
Şimdi
gelin bir uygulama daha yapalım. Bu sefer window nesnesini ve alert metodunu
kullanacağız. Bu uygulamada amacımız ekranda bir bilgi penceresi açtırmak.
<!DOCTYPE HTML PUBLIC “-//W3C/DTD
XHTML 1.0 Transitional//EN” http://www.w3.org/TR/xhtml1-transitional.dtd>
<html xlmns=”http://www.w3org/1999/xhtml”>
<head>
<script type=”text/javascript”>
document.alert (“MERHABA JAVASCRİPT BEN
GELDİM”);
</head>
<body>
</body>
</html>
Uygulamayı
çalıştırdığınızda ekranda bir bilgi penceresi içerisinde;
MERHABA JAVASCRİPT BEN GELDİM
Yazacaktır.
Hiç yorum yok :
Yorum Gönder