Web_sayfasina_javascript_eklemek.htm
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.

JavaScript html ile iç içe girmiştir. Bu nedenle bazen SCRIPT tagının tanımlanmasına bile gerek kalmamaktadır. Hazırladığımız tagın içine sadece parametreleri girmemiz yeterli olmaktadır.

<FORM>
<INPUT type="button" value="Butona bas" onClick="alert('Bu şekilde bir kullanım gibi')">
</FORM>

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>
Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol