Bir Web sayfasına Java Script Eklemek - JavaScript Webmaster bilgi bankası, knowledge base Webmaster Araçları

AnaSayfa > JavaScript > Bir Web sayfasına Java Script Eklemek
Kategori: JavaScript
Gönderen: Admin
Tarih: 2008-10-23
Puan: 4   Puan:4 | Katılımcı:3 | Katılımcı : 3
Okunma: 6995
  
 
1 puan 2 puan 3 puan 4 puan 5 puan 6 puan 7 puan 8 puan 9 puan 10 puan

Bir Web sayfasına Java Script Eklemek

________________________________________

Bir Web sayfasında JScript ile kod yazabilmek için ilk önce tarayıcımıza kullanacağımız script dilini tanıtmamız gereklidir.


HTML-Kodu:
<script language="JavaScript>

...

JScript kodları

...

</script>Burada;

HTML-Kodu:
<script language="JavaScript"> </script>tag'leri tarayıcımıza komutların HTML değil JScript olduğunu gösterir.Bu satırları eklemememiz halinde tarayıcı komutları tanımayacağından JScript komutlarımız dökümanın bir parçası olarak algılanacak ve ekranda görünecektir.
Unutmamamız gereken noktalar tüm fonksiyonların ve blokların { ve } işaretleri arasında yazılması gerektiği ve her komut satırından sonra ; (noktalı virgül) işaretinin koyulması gerektiğidir.
Ayrıca JScript kodları her tarayıcının her sürümünde doğru olarak çalışmayacağı için özellikle eski tarayıcılarda hata verecektir. Bunu engellemek için

HTML-Kodu:

Kod:
<script>

<!-- Hide script from older browsers

...

JScript kodları

...

// End hiding -->

</script>Sayfaya Yazı Yazdırmak
________________________________________

Java Script kullanarak ekrana yazı yazdırmak document.write komutu ile yapılır. Kullanımı ise:

HTML-Kodu:

Kod:
window.document.write("Merhaba Dünya !");şeklindedir.
window.document kodu nesnemizin şu anda açık olan sayfamız olduğunu anlatır. Write komutu ait olduğu nesneye yazılmasını sağlar. Parametreleri ise parantezler arasına verilir. Eğer yazdırmak istediğimiz metni kodun içinde gireceksek metni "...." tırnak işaretlerini kullanarak girmemiz gereklidir. Ayrıca + işaretini kullanarak birden fazla giriş yapmak ta mümkündür.

HTML-Kodu:

Kod:
window.document.write("Merhaba" + "Dünya");veya isim, kullanıcının ismini taşıyan bir değişken olmak üzere

HTML-Kodu:
window.document.write("Merhaba" + isim);yazmamız halinde bu ayrı metinler aralarında bir boşluk karakteri bırakılmak üzere ard arda yazılacaktır.
Ayrıca JScript'le yazdıracağımız metinleri HTML kodlarıyla şekillendirmemiz mümkündür.

HTML-Kodu:
window.document.write("<center><B>Merhaba Dünya</B></center>")
Java Script'te Link Yönetimi
________________________________________

Her ne kadar linkleri HTML kullanarak yaratmak mümkünse de gelişmiş uygulamalarda gidilecek sayfalara parametre aktarımı yapabilmek için linki JScript'le oluşturmak gerekebilir. Bunun için JScript'te window.location.href komutu kullanılır.

Örnek olarak Java.htm isimli sayfaya gitmek için bu komutun kullanımı:

HTML-Kodu:
window.location.href="java.htm";olacaktır. Tırnak işaretleri arasına URL girmek te mümkündür.

HTML-Kodu:
window.location.href="http://www.";Java Script'te Fonksiyon Kullanımı ________________________________________

JScript te C++ gibi nesneye yönelik bir dildir ve fonksiyonlar bu yapıda en önemli yeri alır. JScript fonksiyonları çağırıldıkları zaman işlemeye başlayan scriptlerdir. Aşağıdaki örnek, butona basıldığında "Merhaba Dünya" uyarı mesajı çıkartan fonksiyondur.

HTML-Kodu:

Kod:
<script language="Javascript"<

function Deneme()

{

alert("Merhaba Dünya");

}

</script>Şimdi düğmeye basıldığında bu fonksiyonu çağıran HTML kodunu yazalım


HTML-Kodu:

Kod:
<form name="form1">

<input type="button" value="Buraya Bas" onclick="Deneme()">

</form>JScript fonksiyonunda sadece alert("Merhaba Dünya") komutu var. HTML'de de üzerinde "Buraya Bas" yazılı bir buton var ve onclick olayı Deneme isimli fonksiyona yönlendirilmiş. Bu fonksiyona hiç bir parametre gelmiyor ve bir dönüş parametresi de yok. Aynı fonksiyon şu şekilde yazılısaydı:

HTML-Kodu:

Kod:
<script language="Javascript">

function Deneme(param)

{
alert(param);
}
</script>ve onu çağıran HTML satırında da fonksiyona "Merhaba Dünya" parametresini gönderseydik alınan sonuçta hiç bir değişiklik olmayacaktır.

HTML-Kodu:
<form name="form1">

<input type="button" value="Buraya Bas" onclick="Deneme('Merhaba Dünya')">

</form>Burada dikkat edilmesi gereken nokta HTML'den parametreyi gönderirken fonksiyon adından sonra açılan parantezlere ' ve ' işaretleri arasına yazılması ve fonksiyon için param artık bir parametre olduğu için alert fonksiyonunda parantezlerin içinde tırnak içine alınmaması gereğidir.

JScript fonksiyonları hakkında bilinmesi gereken bir diğer nokta da fonksiyonlar tarayıcı tarafından işlendikten sonra HTML koduna dönüştürüleceğinden (C'deki precompiler mantığıyla) HTML'de yerine koyulacak bir değer de fonksiyonla verilebilir. Yani linker fonksiyonu yapılan bir seçime göre bir URL döndürüyorsa HTML'de <a href=linker(seçim)> yazımında hiç bir sakınca yoktur.

Fonksiyonların gerçekleşmesi için fonksiyonun çağırıldığı olay 'ın alması gerekmektedir. Bu olaylardan bazıları:
Olay İsmi Ne Zaman Olur

onClick : Butona basıldığında

onAbort : Stop düğmesine veya bir linke basılarak yüklenme durdurulduğunda

onChange : Seçim yapıldığında veya metin değiştirildiğinde

onError : Resmin veya ekranın yüklenmesinde hata oluştuğu zamanlar

onLoad : Sayfa yüklenmesi tamamlandığında

onMouseOut : Mouse pointer bir alan veya linkten uzaklaştırıldığında

onMouseOver : Mouse pointer bir alan veya linkin üzerine geldiğinde

onSelect : Seçim için ayrılmış bir nesne seçildiğinde

onSubmit : Submit(gönder) butonu basıldığında

onUnload : Sayfa yüklenmesi bittiğinde(kullanıcı sayfadan çıktığında)

java Script' te Uyarı Mesajları ________________________________________

JScript'te uyarı mesajları yazmak için alert komutu kullanılır. Örneğin

HTML-Kodu:

Kod:
<script language="Javascript">

alert("Uyarı Mesajı");

</script>scripti ekrana Uyarı Mesajı yazılı ve bir OK butonu bulunan bir mesaj kutusu getirir. OK butonuna basılınca Script, bir alt satırdan çalışmaya devam edecektir

Java Scrtipt'te Değer Girişi
________________________________________

JScript'te alert komutunu bir çıkış komutu olarak düşünürsek bunun karşılığı olan giriş komutu prompt komutudur. Bu komut
adsoyad=prompt("Adınızı ve soyadınızı giriniz","");
şeklinde kullanılır ve kullanıcı tarafından girilen değer adsoyad isinmli değişkene atanır.
Java Script'te Karşılaştırma İşlemi
________________________________________

Conditional statement veya If statement olarak bilinen komut grubu yani IF-THEN-ELSE JScript'te de mevcuttur. Bu komut grubu bir değerle bir diğerini karşılaştırıp sonuca göre farklı işlemler yapmamızı sağlar. Şimdi az önceki örnekte olduğu gibi kullanıcıdan ismini girmesini isteyelim ve bir karşılaştırma yapalım. Dikkat etmemiz gereken nokta aynı C dilinde olduğu gibi then komutunu kullanmamamızdır.

HTML-Kodu:

Kod:
adsoyad=prompt("Adınızı ve soyadınızı giriniz","");


if(adsoyad=="Serdar Kalaycı") alert("Hosgeldin Serdar");
else alert("Seni Tanımıyorum");Burada bahsedilmesi gereken bir diğer konu da karşılaştırma operatörleri ve mantıksal operatörler. Karşılaştırma operatörleri:


Kod:
Denk ==

Eşit değil !=

Küçük

< Büyük >

Küçük veya Eşit

<= Büyük veya Eşit >=Mantıksal operatörler:


Kod:
Ve &

Veya |

Değil !

XOR ^Bir de birden fazla karşılaştırmayı birleştirmek için


Kod:
Ve &&

Veya ||Ayrıca ++ operatörü birer birer artırmak için ve – operatörü de birer birer azaltmak için kullanılır.


operatörlerini kullanabiliriz. Dikkat edilmesi gereken nokta bir adet = operatörünün eşitleme iki adet ==operatörünün karşılaştırma işleminde kullanılması gerektiği ve ! operatörünün her yerde değil anlamı taşıdığıdır. Yani ! operatörü diğer operatörlerle birlikte değil anlamı vermek üzere kullanılabilir



Yorumlar
Henüz Kimse Yorum Yapmamış, ilk yorumu siz ekleyin!
Yorum Ekleme Aparatı
Yorum Eklemek için lütfen sol menuden giris yapınız..
Toplam 0 yorum listelendi.