JavaScript (VBScript) HTML'in bir parçasıdır aslında; derleyici bir programa ihtiyaç duymaz, HTML kodlarıyla beraber yazılır ve gözatıcı (browser) tarafından yorumlanır.
JavaScript'in (VBScript'in) işlevleri yazmakla bitmez ya, ben aklıma geldiğince listeledim:
* HTML tasarımcılarına bir programlama desteği sağlar, bünyesinde değişkenler, fonksiyonlar, döngüler, yordamlar bulundurur.
* HTML sayfalarına hareketli HTML nesneleri (metin, resim, vb.) koyabilmemizi sağlar.
* Olaylara tepki verir. (Olaydan kastettiğim şey: tıklamak, tuşa basmak, sayfa açmak gibi şeyler.)
* HTML elemanlarını okuyabilir veya yazabilir.
* Kullanıcı ile bilgi alışverişinde bulunmamızı sağlar. Zira HTML formları JavaScript (VB Script) olmadan pek bir işe yaramaz.
HTML'e JavaScript Kodlarını Tanıtma
JavaScript HTML kodları arasında nasıl kullanılır? JavaScript kodlarını HTML'e tanıtmak için Java Script kodlarını <script language="JavaScript">...</script> HTML kodları arasına yazarız. Not: VBScript için language="VBScript" parametresi kullanılır.
Aşağıdaki uygulama ilk JavaScript örneğimiz:
Kod: Tümünü seç
<html>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>
<script language="JavaScript">
document.write("Merhaba")
</script>
</body>
</html>
Kod: Tümünü seç
<html>
<head>
<title>JavaScript Uygulaması 2</title>
</head>
<body>
<script language="JavaScript">
document.write("<font size=6 color=blue>")
document.write("Merhaba")
document.write("</font>")
</script>
</body>
</html>
JavaScript kodlarının HTML'deki Konumu
JavaScript yukarıdaki uygulamalarda olduğu gibi <body>...</body> kodları arasında yer alabileceği gibi; fonksiyon halinde, <head>...</head> arasında da yer alabilir:
Kod: Tümünü seç
<html>
<head>
<title>JavaScript Uygulaması</title>
<script language="JavaScript">
function selam()
{
alert("Merhaba")
}
</script>
</head>
<body onload="selam()">
</body>
</html>
JavaScript kodu; CSS'de olduğu gibi, dış bir dosyayla da HTML'e tanıtılabilinir. CSS dosyası .css uzantılıydı. Dış JavaScript dosyası ise .js uzantılıdır. Aşağıdaki metin dosyasını selam.js ismiyle kaydettim:
Kod: Tümünü seç
document.write("<center>")
document.write("<h1>Merhabalar!</h1>")
document.write("</center>")
Kod: Tümünü seç
<html>
<head>
<title>JavaScript Uygulaması</title>
</head>
<body>
<script src="selam.js">
</script>
</body>
</html>
HTML ve CSS ile ilgili doküman ve dersleri okumuş olanlar için anlaşılmadık birşey olduğunu sanmıyorum.
Volkan Derinbay'a tşkler.