|
|
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  | Katılımcı : 3 | | Okunma | : 7225 | | | | | |
| |
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. |
|
