Neler Yeni

Javascript Kod Yapısı Nasıldır? Nasıl Yazılır

ELFDaily

Bilgili
Yönetici
Katılım
15 Ara 2015
Mesajlar
1,767
Beğeniler
201
Puanları
131
Yaş
22
Konum
Bursa
Web sitesi
elfdaily.com
#1

Javascript Kod Yapısı Nasıldır? Nasıl Yazılır


NOT: JavaScript kullanabilmek için öncelikle HTML Dili bilmeniz gereklidir!

JavaScript kodları HTML belgesi içerisinde kullanılır. Kod yazımına başlamadan önce <script> nesnesi eklenir ve kod yazma işlemi bittikten sonra </script> yazılarak element kapatılır.

Kod:
<script>
   alert('Hoş geldiniz!');
</script>

Javascript HTML Belgesinin Neresinde Kullanılır?

Bir JavaScript kodu için oluşturacağınız <script></script> nesnesini <head> bölümünde ya da <body> bölümünde kullanabilirsiniz.

NOT: BODY elementi içerisinde kullanmak sayfa yüklenme hızını arttıracaktır.

Aşağıdaki örnek HEAD bölümünde JavaScript kullanılarak yapılmıştır;

<!DOCTYPE html>
<html>
<head>
<script>
function fonksiyonum() {
document.getElementById("demo").innerHTML = "Paragraf değişti!";
}
</script>
</head>

<body>

Web Sayfam

<p id="demo">Bir paragraf</p>

<button type="button" onclick="fonksiyonum()">Butona Bas!</button>

</body>
</html>[/CODE]

Aşağıdaki örnek ise JavaScript kodunun BODY içerisinde kullanılmasıyla oluşturulmuştur:

Kod:
<!DOCTYPE html>

<html>

<head>

<script>

function fonksiyonum() {

    document.getElementById("demo").innerHTML = "Paragraf değişti!";

}

</script>

</head>



<body>



Web Sayfam



<p id="demo">Bir paragraf</p>



<button type="button" onclick="fonksiyonum()">Butona Bas!</button>



</body>

</html>


Aşağıdaki örnek ise JavaScript kodunun BODY içerisinde kullanılmasıyla oluşturulmuştur:



Web Sayfam

Bir paragraf



JavaScript Kodlarını Dosyadan Kullanma
İsterseniz bir javascript dosyası oluşturarak ve bunu HTML belgenizden çağırarak kullanabilirsiniz. Bu kullanım şekli kaynak kodlarınızın sade olmasını sağlayacaktır.

Bunun için <script> kodunuza src="" özelliği ekleyip dosya adını ana dizine göre belirtin. Örneğin script dosyamızın adı "script.js" ise;

Kod:
<script src="script.js"></script>


NOT: Script dosyası içerisinde <script> ve </script> elementi kullanılmaz.


Kod:
<script src="script.js"></script>
 
Son düzenleme:

Üst