My To World

JavaScript Nedir?

mytoworldcom

JavaScript Nedir?

JavaScript Nedir? Web tarayıcılarında kullanılmakta olan dünyanın en popüler istemci taraflı (client-side), prototip-tabanlı, dinamik türlere ve birinci-sınıf fonksiyonlara sahip betik dilidir. JavaScript ile yazılan istemci tarafı betikler sayesinde web sayfalarının içeriğinin değiştirilmesi, tarayıcı ile kullanıcının etkileşim sağlaması, tarayıcının kontrol edilmesi, sunucu ile asenkron bir şekilde iletişime geçilmesi gibi işlevler sağlanmaktadır. JavaScript, Node.js gibi platformlar sayesinde sunucu tarafında yaygın bir şekilde kullanılmaktadır.

JavaScript , ilk önce Netscape için geliştirildi. Daha sonra JavaScript dilini bulan Brendan Eich dir. 1995 yılında Netscape Navigatör 2.0 ile birlikte piyasaya sürüldü ve 1997’de bir ECMA standardı haline geldi. ECMAScript, dilin resmi adıdır. ECMAScript sürümleri ES1, ES2, ES3, ES5 ve ES6 olarak kısaltılmıştır. 2015’ten itibaren ECMAScript yıla göre adlandırılmıştır (ECMAScript 2015).

JavaScript’i ilk çalıştıran tarayıcı Netscape 2.0’dır. Netscape’ten sonra Mozilla Vakfı, Firefox tarayıcısı için JavaScript geliştirmeye devam etti.

JavaScript ile Java arasında isim benzerliği, yazım şekli ve standart kütüphanelerindeki benzerliklerin dışında hiçbir bağlantısı yoktur. Java’nın bir uzantısı veya versiyonu değildir. JavaScript tek başına bir script dildir ayrıca iki dilin semantikleri birbirlerinden çok farklıdır. JavaScript C programlama dilinden türetilmiş ve semantik ve tasarım olarak Self ve Scheme programlama dillerinden esinlenilmiştir.

JavaScript ile neler yapılabilir

JavaScript ile neler yapılabilir bazı örnekler

Javascript ile yapılabilecekler bunlarla sınırlı değildir.

JavaScript’in HTML belgelerine eklenmesi

JavaScript, HTML kodlarının arasına eklenebildiği gibi .js uzantılı harici JavaScript komut dosyası da eklenebilir.

HTML içerisinde JavaScript

<script> Etiketi

JavaScript, HTML’de <script> ve </script> etiketlerinin arasına yazılabilir.

Örnek:

<!DOCTYPE html>
<html>
<body>

<h2>Örnek JavaScript</h2>

<p id="deneme"></p>

<script>
document.getElementById("deneme").innerHTML = "İlk JavaScript denemem";
</script>

</body>
</html>

HTML’de <head> veya <body> içinde JavaScript kullanımı

Bir HTML belgesine istenilen sayıda komut dosyası yerleştirebilir. Komut dosyaları, bir HTML sayfasının <head> veya <body> bölümü içerisine veya her iki bölüme birden yerleştirilebilir.

<head> bölümüne JavaScript eklenmesi

Aşağıdaki örnekte <head> bölümü içerisine function JavaScript eklenmiştir.

Örnek

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("deneme").innerHTML = "Yeni yazı.";
}
</script>
</head>
<body>

<h2>head içerisine JavaScript</h2>

<p id="deneme">Yazıyı değitirin.</p>

<button type="button" onclick="myFunction()">Deneyin</button>

</body>
</html>

Aşağıdaki örnekte <body> bölümü içerisine function JavaScript eklenmiştir.

Örnek

<!DOCTYPE html>
<html>
<body>

<h2>Body içerisinde JavaScript</h2>

<p id="deneme">Yazıyı Değiştirin</p>

<button type="button" onclick="myFunction()">Deneyin</button>

<script>
function myFunction() {
  document.getElementById("deneme").innerHTML = "Yeni yaz.";
}
</script>

</body>
</html>

JavaScript komut dosyalarını <body> öğesinin altına eklenmesi tavsiye edilmektedir. Sebebi ise komut dosyalarının yorumlaması zaman aldığından sayfa açılışını yavaşlatır. Bu durumda sayfa <head> içerisine JavaScript komutları eklendiğinde açılışta sayfa onları okuyacağından işlem sayfa açılışı yavaşlayacaktır. JavaScript komutlarını HTML belgesinin sonuna yazıldığında sayfa öğeleri yüklendikten sonra JavaScript dosyalarını yükleneceğinden sayfa açılışını yavaşlatmayacaktır.

HTML içerisine harici JavaScript komut dosyası ekleme

JavaScript komut dosyasını bir metin editöründe düzenleyip dosya uzantısını .js olarak kaydedip HTML belgesine harici olarak ekleyebiliriz. JavaScript dosyalarının uzantısı .js ile biter.

Örnek

function myFunction() {
  document.getElementById("deneme").innerHTML = "Yeni yaz.";
}

Yukarıdaki dosyayı deneme.js olarak kaydetmeliyiz. Daha sonra oluşan JavaScript komut dosyasını HTML belgesine ekleyebiliriz.

Örnek

<!DOCTYPE html>
<html>
<body>

<h2>Harici JavaScript komut dosyası ekleme</h2>

<p id="deneme">Yazıyı değiştirin</p>
<button type="button" onclick="myFunction()">Deneyin</button>
<p>(myFunction "deneme.js" adlı harici bir dosyada saklanır.)</p>
<script src="deneme.js"></script>

</body>
</html>

Harici JavaScript komut dosyası <head> veya <body> öğelerinin içine istediğiniz gibi ekleyebilirsiniz.

Harici komut dosyası hazırlarken dikkat edilmesi gereken <script> etiket içermemelidir.

Harici JavaScript komut dosyası kullanmanın avantajları

JavaScript komut dosyalarını harici olarak eklemenin bazı avantajları vardır;

Bir sayfaya birden çok harici JavaScript komut dosyası eklemek için eklemek istenen dosyalarla aynı isimde komut etiketi oluşturulmalıdır.

Örnek

<script src="deneme.js"></script>
<script src="deneme1.js"></script>
<script src="deneme2.js"></script>
<script src="deneme3.js"></script>

Ayrıca harici komut dosyaları bir URL veya mevcut web sitesinde belirli bir klasörde bulunan komut dosyanın yolu gösterilerek eklenebilir.

Örnek URL dosya yolu

<script src="https://www.mytoworld.com/js/deneme.js"></script>

Notlar:

Bu makale Javascript Nedir? Hakkında bilgi vermek amaçlı düzenlenmiştir.

Exit mobile version