Beytullah Toprak
JavaScript Temel - Söz Dizimi (Syntax)

JavaScript Temel - Söz Dizimi (Syntax)


Bu dersimizde, JavaScript kullanarak bir web sayfasına etkileşim eklemenin ne kadar kolay olduğunu öğreneceksiniz. Ancak, başlamadan önce, HTML ve CSS hakkında biraz çalışma bilgisine sahip olduğunuzdan emin olun.

Eğer web geliştirme dünyasına yeni başlıyorsanız , buradan öğrenmeye başlayın »

Peki, en popüler müşteri tarafı kodlama dili ile başlayalım.

JavaScript, bir web sayfasındaki <script> ... </script> HTML etiketlerinin içine yerleştirilen JavaScript ifadeleri kullanılarak uygulanabilir .

Sen yerleştirebilirsiniz <script> her yerde web sayfası içinde, senin JavaScript içeren, etiketleri ama normalde içinde tutmak gerektiğini tavsiye edilir <head> etiketleri.

<script> etiketi, tarayıcı programını bu etiketler arasındaki tüm metni bir komut dosyası olarak yorumlamaya başlaması için uyarır. JavaScript'in basit bir sözdizimi aşağıdaki gibi görünecektir.

<script ...>
   JavaScript Kodu
</script>

Komut dosyası etiketi iki önemli özellik alır:

  • Language - Bu özellik hangi kodlama dilini kullandığınızı belirtir. Genellikle, değeri javascript olacaktır. Her ne kadar son HTML sürümleri (ve XHTML) bu özniteliğin kullanımını aşamalı hale getirmiş olsa da.
  • Type - Bu özellik, şu anda kullanılan kodlama dilini belirtmek için önerilen ve değeri "text/javascript" olarak ayarlanmalıdır.

Yani JavaScript segmentiniz şöyle görünecek -

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

Javascript HTML Belgesinin Neresinde Kullanılır?

JavaScript kodunu doğrudan web sayfalarınızın içine <script> ve  </script>etiketlerinin arasına yerleştirerek <head> bölümünde ya da <body> bölümünde kullanabilirsiniz.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript Örnek</title>
</head>
<body>
    <script>
    var merhaba = "Merhaba Dünya!";
    document.write(merhaba); // Değerdeki Merhaba Dünya Yazısını Yazdırı...
    </script>
</body>
</html>

Harici JavaScript Dosyası Çağırma

JavaScript ile daha kapsamlı çalışmaya başladığınızda, bir sitenin birden fazla sayfasında aynı JavaScript kodunu tekrar kullandığınız durumlar olduğunu görmeniz olasıdır.

Ayrıca JavaScript kodunuzu, .jsuzantıya sahip ayrı bir dosyaya yerleştirebilir ve ardından bu dosyayı src<script>etiketin özniteliği yoluyla belgenizde çağırabilirsiniz . İşte bir örnekle anlatalım:

"merhaba.js" adlı bir JavaScript dosyası oluşturalım ve içine aşağıdaki kodu koyalım:

function mesaj() {
    alert("Merhaba Dünya!");
}

document.getElementById("veri").onclick = mesaj;

Şimdi, bu harici JavaScript dosyasını aşağıdaki <script> gibi etiketi kullanarak bir web sayfasına çağırabiliriz:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript Örnek</title>
    <script type="text/javascript" src="merhaba.js"></script>
</head>
<body>
    <button type="button" id="myBtn">Tıkla</button>
</body>
</html>

Not: Genellikle harici bir JavaScript dosyası ilk kez indirildiğinde, tarayıcının önbelleğinde saklanır (resimler ve stil sayfaları gibi), bu yüzden web sayfalarını birden çok kez indirilmesi gerekmez. Daha hızlı yüklenir.

JavaScript Kod Satırını Yerleştirme

HTML etiketine doğrudan ekleyerek JavaScript kodu satır içi yerleştirebilirsiniz. onclickonmouseoveronkeypressonload, vb

Bununla birlikte, HTML'nizi JavaScript ile karıştırdığından ve JavaScript kodunuzun bakımını zorlaştırdığından, büyük miktarda JavaScript kodunu satır içine yerleştirmekten kaçınmalısınız. İşte bir örnek:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>        
</head>
<body>    
    <button onclick="alert('Merhaba Dünya!')">Tıkla</button>
</body>
</html>

Yukarıdaki örnekte, düğme öğesini tıkladığınızda size bir uyarı mesajı gösterilecektir.


Yorum (0)

Hiç Bir Yorum Bulunamadı. İlk Yorumuz Siz Yapın :)

Yorum Yap