web sitelerde Javascript nasıl kullanılır

teknohaberci · #1 03-02-2008

web sitelerde Javascript nasıl kullanılır

arkadaşlar esasında bu kodlar html kodları arasına düz yazı şeklinde gömülür
<SCRIPT>...</SCRIPT> tagları arasına yerleştireceğiz size küçük bi örnekle açıklamak istiyorum bunu :

Kod:

<HTML>
<HEAD>
<SCRIPT language=”JavaScript”>
<!--Scripti eski browserlerden sakla
function yaz()
	{
	alert(“teknohaberci blog”);
	}
// Script gizleme sonu -->
</SCRIPT>
</TITLE>teknohaberci portal</TITLE>
</HEAD>
<BODY>

Sayfa hazırladım arkadaşlar gelin şimdi de sayfamıza ekleyelim bunu

Kod:

<P>
<FORM>
<INPUT type=”button” name=”buton1” value=”tıkla bakalım” onClick=”yaz()”>
</FORM>
</BODY>
</HTML>

javaScript html kodları arasına nasıl yerleştirilecek ?

<HTML><HEAD> tagları ile sayfamıza giriş yaptık <HEAD>...</HEAD> tagları arasına meta tagları gireceğiz bunun kural olduğunu biliyor olmalısınız diğer derslerimi okumuşsanız.okumayanlar şimdi öğrendi. Meta tagları yanında javaScript leri de butaglar arasına yerleştireceğiz. <SCRIPT>...</SCRIPT> tagları arasına yerleştiriyoruz. parametre olarak language=”JavaScript” kullanacağız.

Script tagından sonra  tagları arasına htmlde açıklama satırlarını giriyoruz.JavaScripti tanımayan browserler bu satırları gördüğünde açıklama satırı olarak yorumlayarak hata vermez. bu satırlar sadece belli bir konuyu sayfanın kodlarını inceleyenlere açıklamak için yazılmışlardır ve browser için bir anlam ifade etmez.
Artık javaScriptimizi yazmaya başlıyoruz. Bir fonksiyon tanımladık.

Kod:

function yaz()
	{
	alert(“teknohaberci blog”);
	}

Yazdığımız kod ekrana teknohaberci blog yazısını bir mesaj kutusu içerisinde yazdırdı. Bu işlemi yaz() fonksiyonu ile yapıyoruz arkadaşlar(yaz fonksiyonu tek başına işe yaramıyor.mesajımızı basabilmesi için bir hareket olması gerek. Bu hareketi form içinde tanımladığımız butonun tıklanması ile sağlayacağız)

Programı yazdıktan sonra // Script gizleme sonu --> kodunu kullandım. // işaretlerinden sonraki bölüm javaScript için bir açıklama satırı arkadaşlar 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.

Kod:

</TITLE>JavaScript  ne ola</TITLE>
</HEAD>
<BODY>
Sayfamız hazır javaScripti sayfamıza yerleştirelim.
<P>

Hazırladığımız scripti kullanmamız için bir buton gerekli

Kod:

<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ğırmak için onClick(“yaz”) paremetresini INPUT tagına ekliyoruz. onClick() 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 teknohaberci blog mesajını basacak .bu scripti farklı bir şekilde de kullanabiliriz aekadaşlar

Kod:

<HTML>
<HEAD>
<TITLE>teknohaberci blog</TITLE>
</HEAD>
<BODY>
Sayfamızı hazırlıyoruz. 

javaScripti sayfamıza yerleştirelim.
<P>
<SCRIPT language=”JavaScript”>
<!--Scripti eski browserlerden sakla
function yaz()
	{
	alert(“teknohaberci blog”);
	}
// Script gizleme sonu -->
</SCRIPT>
<FORM>
<INPUT type=”button” name=”buton1” value=”Butona tıkla” onClick=”yaz()”>
</FORM>
</BODY>
</HTML>

Bu kullanım da javaScripti çalıştıracak amma ve lakin Browser açısından ilk anlattığım şekil daha doğuru bir kullanım.

kolay gelsin arkadaşlarım iyi forumlar

teknohaberci yani bana aittir alanlar alıntı olarak bu linki verirse sevinirim

Benzer Konular
Konu	Konu Açanlar	Forum	Cevaplar	Güncel Mesajlar
wordpress sitelerde arama kutunuzu özelleştirin sitenize uydurun, siz karar verin nasıl olacağına	teknohaberci	wordpress	1	25-05-2008 07:05
RSS Nedir? Nasıl Kullanılır?	teknokız	Genel	5	25-02-2008 05:52
Yahoo Messenger Nedir? Nasıl Alınır? Nasıl Kullanılır?	teknohaberci	Webmaster Sözlügü	0	24-02-2008 07:52
mIRC nedir? nasıl kullanılır?	MaNeX	Webmaster Sözlügü	0	18-02-2008 05:01
RSS nedir? Nasıl kullanılır?	teknohaberci	Diğer blog scriptleri	0	21-12-2007 12:31

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder