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 HTML içeriği değiştirebilir.
- JavaScript ile HTML öznitelik değerlerini değiştirebilir.
- JavaScript ile HTML stillerin değiştirebilir.
- JavaScript ile HTML öğeleri gizlenebilir.
- JavaScript ile HTML öğeleri gösterebilir.
- JavaScript satın almanız veya indirmeniz gerekmez. Herkes için kullanmak serbesttir.
- JavaScript kodlarını herhangi bir metin editörü ile yazılabilir.
- JavaScript kodu yazarken hem çift hem de tek tırnakları kabul eder.
- JavaScript kodları <script> etiketi ile başlar ve </script> etiketi ile biter.
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;
- Tüm sitedeki JavaScript komutlarını tek bir dosyada yönetebiliriz.
- Tek bir dosya olması sayesinde güncelleme işlemleri daha kolay ve kısa zamanda yapılır.
- Sayfalar daha hızlı yüklenir. Önbelleğe tek dosya alınacağından her seferinde sayfalarda tekrar yükleme ihtiyacı duymayacağından sayfalar hızlı açılı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:
- JavaScript ve Java , hem konsept hem de tasarım açısından birbirinden tamamen farklı dillerdir.
- JavaScript hem çift hem de tek tırnakları kabul eder.
- Tüm JavaScript tanımlayıcıları büyük / küçük harfe duyarlıdır.
- JavaScript, Unicode karakter kümesini kullanır . Unicode karakter kümesi neredeyse dünyadaki tüm karakterleri, noktalama işaretlerini ve sembolleri kapsar.
- JavaScript programcıları, genellikle küçük harfle başlayan deve harflerini kullanmaktan yanadır.
- Eski JavaScript örnekleri bir tür özelliği kullanabilir: . Type özelliği gerekli değildir. JavaScript, HTML’deki varsayılan kodlama dilidir.</p>
- Bir HTML öğesinin innerHTML özelliğini değiştirmek, verileri HTML’de görüntülemenin yaygın bir yoludur.
- HTML’de JavaScript programları web tarayıcısı tarafından yürütülmektedir.
- JavaScript’te tirelere izin verilmez. Çıkarmalar için kullanılmaktadır.
- JavaScript tanımlayıcılarında ilk karakter olarak sayılara izin verilmez. Bu sayede javaScript tanımlayıcıları sayılardan kolayca ayırt edilebilir.
Bu makale Javascript Nedir? Hakkında bilgi vermek amaçlı düzenlenmiştir.
Bir yanıt bırakın