Web sayfasına javascript eklemek

yigityurt · 13-05-2007, 15:50

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 
</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 :

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>
Bu dosyayı javadeneme.html olarak kayıt edin. Burada iki dosyamız oldu. deneme.js olarak javaScript dosyamız ve javadeneme.html olarak html dosyamız. Bu dosyaları hazırladıktan sonra javadeneme.html dosyasını çalıştırın. Sonucu aşağıda ki linkin üzerine mouse getirerekte görebilirsiniz. Görev çubuğuna Farklı bir kullanım! yazacak.
İmleci linkin üzerine getiriniz.

13-05-2007, 15:50	#1 (permalink)
yigityurt EN Afacan Üyelik Tarihi: 06-05-2007 Mesajlar: 163 Rep Gücü: 32 Rep Puanı: 1294	Web sayfasına javascript eklemek 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> Bu dosyayı javadeneme.html olarak kayıt edin. Burada iki dosyamız oldu. deneme.js olarak javaScript dosyamız ve javadeneme.html olarak html dosyamız. Bu dosyaları hazırladıktan sonra javadeneme.html dosyasını çalıştırın. Sonucu aşağıda ki linkin üzerine mouse getirerekte görebilirsiniz. Görev çubuğuna Farklı bir kullanım! yazacak. İmleci linkin üzerine getiriniz.

Konu Yönetim Seçenekleri
Yazdırılacak şekilde göster Sayfayı e-posta ile gönder
Konu Gösterim Seçenekleri
Normal şekilde göster Ağaç şeklinde göster Otomatik konu şeklinde göster

Hafta içi her gün 19:30 - 21:30 arası forumENA CANLI radyo yayını "Keyf-i Müzik" programını dinlemek için TIKLAYINIZ

Web sayfasına javascript eklemek

Web sayfasına javascript eklemek