şl du

g-ugurgul

Javascript

Javascript Nedir?

Web sayfasında yazılan Javascript Kullanıcının makinesinde çeşitli işlemler yapmak için geliştirilmiş bir programlama dilidir.

Javascript ile Form doğrulama, sayfada çeşitli efektler yapma, ajax uygulamalarını çalıştırma gibi işlemler yapılabilir.

Dikkat edilmesi gereken bir diğer konu ise, yazım olarak benzemesine rağmen Java ile Javascript farklı dillerdir.

 

Javascript kodlarını yazmak için aşağıdaki gibi bir kodlamanın Html sayfasına yapıştırılması yeterlidir.

 

 

<script type="text/javascript" language="javascript">

alert("Deneme");

</script>

 

Eğer javascript kodları ayrı bir sayfada tutulursa daha hızlı yüklenir ve sunucudaki aktarımı azaltır. Javascript kodlarını farklı sayfada tutuyorsanız Html içine aşağıdaki gibi çağırmak gerekir:

 

<script type="text/javascript" language="javascript" src="ahmet.js"></script>

-----------------------------------------------------------------------------------------------------------/

Javascript ile sayfadaki elemanlara hükmetmek

Javascript ile "getElementById" kullanımı


Javascript sadece kullanıcıdaki basit birkaç sorgulama için kullanılmaz. Özellikle Sayfada ID bilgisi olan herşeye Javascript ile müdahale edebilirsiniz.

Bunu görmek için iki örnek yapalım.

1- Sayfadaki bir eleman içine sonradan yazı yazmak:

Bu örnek için html sayfamızda sadece bir Div ve bir düğme olması yeterli.

Aşağıdaki örneği boş bir html sayfasına kaydedin.Boş html sayfası yapmayı öğrenmek için şu konuya bakını: temel html sayfası
 

<script type="text/javascript">
function tiklandi(){
var eleman= document.getElementById("kimlik");
eleman.innerHTML="Şimdi Dolu";
}
</script>

<div id="kimlik"> Boş </div>

<input onclick="tiklandi();" name="Dugme" type="button" />

Örnekte düğmeye basınca içi boş olan Div elemanına bir yazı atamış oluyoruz.

 

Bu örnekte ise sayfa açıldığı andan itibaren çalışan bir sayaç yapacağız.

<script type="text/javascript">
var saniye=0;

function say(){

saniye = saniye +1;

var eleman= document.getElementById("kimlik");

eleman.innerHTML=saniye;
}

setInterval("say()", 1000);

</script>

<div id="kimlik"> </div>

Buradaki setInterval komutu istediğimiz fonksiyonu tekrar tekrar çalıştırmaya yarıyor. örnekteki sayaç fonksiyonumuz her saniye çalışmış oluyor.
 

------------------------------------------------------------------------------------------------------------------------------/

BURADAN ALINTIDIR
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol