20 January 2009, 15:34 | Mesaj No:1 |
Durumu:
Papatyam No :
1397
Üyelik T.:
20 January 2009
Arkadaşları:0
Cinsiyet:
Memleket:istanbul
Yaş:35
|
Web Sitelerde Javascript Nasıl Kullanılır ?
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 <!-- Açıklama satırları --> 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.
__________________
Biz Bu Hallere Düşecek Adammıydık ???
|
Bookmarks |
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
Benzer Konular | ||||
Konu Başlıkları | Konuyu Başlatan | Papatyam Forum Ana Kategori Başlıkları |
Cevaplar | Son Mesajlar |
Nasıl Bir Eş İstersiniz? | PESTEMAL | Deneme & Düz Yazılar | 0 | 11 April 2012 10:25 |
Bu federasyona nasıl güveneceğiz? | umut | Fenerbahçe | 1 | 19 December 2011 20:41 |
Çay nasıl saklanır. | SUYUNGIZEMI | Pratik Bilgiler | 0 | 09 May 2009 03:07 |
Aşk nasıl yaşanır? | PESTEMAL | Deneme & Düz Yazılar | 0 | 12 March 2008 12:36 |
Tefekküre Davet Köşesi |
|
Papatyam Sosyal Medya Guruplarımıza Katılın |