Scriptin
çalışan örneğini görmek için tıklayın!.. JavaScript Komutlarını Kullanma Formatları
İlk dersimizde de bahsettiğimiz gibi JavaScript üç farklı formatta kullanılabilir. Bu kullanım formatlarını görmek için basit bir örnek ele alalım ve üç değişik formatla yazalım.
Format 1: JavaScriptimizi script tagları açmaya gerek duymadan direk "Html" komutlarının arasında kullanabiliriz. Bu format çok basit bir yapıya sahiptir fakat büyük scriptlerde karışıklığa neden olabilir.
Örnek:
<html>
<body>
<center>
<p><b>JavaScript Format 1 Örneği </b></p>
<input type="button" value="Tıklayın!.." onclick="alert('JavaScrip
formatı 1')">
</body>
</htm>
Scriptin
çalışan örneğini görmek için tıklayın!..
Format 2: JavaScript yazımında en çok başvurulan yöntem function kullanımıdır. Bu format karışık scriptlerde çok büyük kolaylıklar sağlamsının yanında bazı scriptlerede kullanmak zorunlu hale gelmektedir.
Örnek:
<html>
<script>
function mesaj()
{
alert("JavaScrip formatı 2")
}
</script>
<body>
<center>
<p><b>JavaScript Format 2 Örneği </b></p>
<input type="button" value="Tıklayın!.." onclick="mesaj()">
</body>
</htm>
Scriptin
çalışan örneğini görmek için tıklayın!..
Format 3: Bu format daha çok yazılan Html kodunun sade görünmesi için kullanılır. Bu formatta script komutları farklı bir dosyaya kaydedilir ve Html içerisinde script tanımlandıktan sonra bu dosya çağrılarak içerdiği komutlar kullanılır. Komutların kaydedildiği bu dosyalara genellikle "js" uzantısı verilir.
<script src="deneme.js"> 'satırı ile komutların bulunduğu js dosyası çağrılır.
Örnek:
- Bu Html dosyası ile aşağıda içeriğini verdiğimiz, "mesaj.js" dosyasını çağıracağız.
<html>
<center>
<script src="mesaj.js">
</script>
<body>
<p><b>JavaScript Format 3 Örneği </b></p>
<input type="button" value="Tıklayın!.." onclick="mesaj()">
</body>
</htm>
- "mesaj.js" Aşağıdaki komutları "mesaj.js" ismi ile kaydedip yukarıdaki Html dosyası ile aynı klasör altına atın.
function mesaj()
{
alert("JavaScrip formatı 3")
}