Fakat yaz fonksiyonu kendi başına bir işlem yapamaz. Ekrana mesajımızı basabilmesi için bir hareketin olması gerekir. Bu hareketi form içinde tanımladığımız butonun tıklanması ile sağlıyoruz. Bu konuya döneceğiz.
Programımızı yazdıktan sonra // Script gizleme sonu --> şeklinde bir kod kullandık. Burada // işaretlerinden sonraki bölüm javaScript için bir açıklama satırıdır. Bu bölüme yazılan yazılar bir kod olarak yorumlanmazlar. Sadece programcı için programın her hangi bir bölümünü açıklamak için yazdığı bölümlerdir. Bu satırı bitirirken --> şeklinde bitiriyoruz. Buda scripti gizlemek için açtığımız <!-- html açıklama satırını bitiriyor.
Artık scripti bitiriyoruz </SCRIPT>. Scriptimizi yazmayı bitirdik. Html kodlarını yazıyoruz.
</TITLE>JavaScript Öğreniyorum</TITLE>
</HEAD>
<BODY>
Sayfamızı hazırlıyoruz. Şimdi javaScripti sayfamıza
yerleştirelim.
<P>
Hazırladığımız scripti kullanmamız için bir hareket lazım demiştik. Bu harekti form için de oluşturduğumuz bir buton ile sağlıyoruz.
<FORM>
<INPUT type="button" name="buton1" value="Butona tıkla" onClick="yaz()">
</FORM>
Hazırladığımız butona tıkladığımızda hazırladığımız mesajın ekrana gelmesi için yaz() fonksiyonunu çağırmamız gerekmektedir. Bunu onClick("yaz") paremetresini INPUT tagına ekleyerek sağlıyoruz. onClick() butona basıldığında harekete geçen bir javaScript eventidir(olay). Butona basıldığında bir işlemin gerçekleşmesini sağlar.
Biz burada butona basıldığında yaz() fonksiyonunu çağırıyoruz.
Yaz fonksiyonu ise ekrana bir kutu içerisinde Merhaba Arkadaş!!! mesajını basıyor.
Esasen bu şekilde kullanım güzel bir kullanımdır. Yazım kurallarına tamamen uygundur. Biz bu scripti daha farklı bir şekilde de kullanabilirdik.
<HTML>
<HEAD>
<TITLE>JavaScript Öğreniyorum</TITLE>
</HEAD>
<BODY>
Sayfamızı hazırlıyoruz. Şimdi javaScripti sayfamıza
yerleştirelim.
<P>
<SCRIPT language="JavaScript">
<!--Scripti eski browserlerden sakla
function yaz()
{
alert("Merhaba Arkadaş!!!");
}
// Script gizleme sonu -->
</SCRIPT>
<FORM>
<INPUT type="button" name="buton1" value="Butona tıkla" onClick="yaz()">
</FORM>
</BODY>
</HTML>
Bu şekilde bir kullanımda javaScripti çalıştıracaktır. Fakat bu şekilde bir kullanımı sadece gerektiğinde kullanacağız. Browser açısından ilk kullanım daha doğuru bir kullanımdır.
Yine farklı bir kullanım ise javaScript programlarını farklı bir dosyada hazırlamak ve sayfa içerisinde çağırmaktır. Hazırladığımız javaScript programını sonu js olarak kayıt edeceğiz. Görelim :
<!-- Scripti eski browserlerden gizle
function statusaYaz()
{
window.status("Farklı bir kullanım!");
}
// Gizle sonu -->
Bu script deneme.js olarak kayıt edin. Html dosyasını hazırlayalım:
<HTML>
<HEAD>
<TITLE>JavaScript denemesi</TITLE>
<SCRIPT language="JavaScript" src="deneme.js"></SCRIPT>
</HEAD>
<BODY>
Html kodlarının giriyoruz. Scriptimiz durum çubuğuna
Farklı bir kullanım! yazdıracak.Şimdi scripti
çalıştıracak kodları girelim.
<A href="js_kullanimi.html" onMouseOver="stutusaYaz()">
İmleci linkin üzerine getiriniz</A>
</BODY>
</HTML>
|