javascript nedir ne işe yarar
İlk olarak Brendan Eich tarafından geliştirilen, Netscape Navigator ile birlikte piyasaya sürülen, gelişme aşamasında adı Mocha olan, daha sonra LiveScript olarak isimlendirilen, Netscape 2.0 Beta3 ile birlikte ismi JavaScript olarak değişen, dinamik türlere ve birinci sınıf fonksiyonlara sahip bir betik dilidir.
Neden gereklidir
HTML serüvenine başlayan bir programcı bir süre sonra HTML'in birçok yerde yetersiz kaldığını görür ve JavaScript'e geçmesi kaçınılmazdır bunun nedeni ise HTML kodların statik , durağan , işler yaptırmasıdır yani resim sayfanın solunda, yan tarafında yazı, altta bir form, bir altta bir tablo şeklinde yazdığımız kodlar yazdığımız şekilde kalır ve değişmezler ve bunlara tarayıcı tarafından erişim için JavaScript kodlarından faydalanırız, örneğin ziyaretci bir formu kullanmaya başladığında bir alanı boş bırakırsa uyarmak, bir yerlere tıklanınca sayfa içindeki bir resmin yerini değiştirmek bir elementi göstermek veya gizlemek açılır menü gibi ve buna benzer işlemlerde JavaScript'en faydalanırız.
Tarayıcılarla ilişkisi
JavaScript'in piyasadaki tüm tarayıcılarla ilişkisi vardır ancak bir JavaScript kodu internet explorer ile sorunsuz calışırken Opera Chrome veya Netscape hata verebilir hatta hata vermese de farklı davranışlar gösterebilir, (Bu durum bir zamanlar web tasarımcıları ve geliştiricileri arasında bir kargaşa yaratmış ve tarayıcı savaşlarının ilk yıllarında sitelerin altında tipik olarak görülen "En iyi Internet Explorer ile izlenir" ya da "En iyi Netscape ile izlenir" gibi logoların ortaya çıkmasına neden olmuştur) bunun için yazdığımız JavaScript'in bütün tarayıcılarda çalışıp çalışmadığını kontrol etmemiz gerekir inşallah bunca programcıya bu çileyi çektirmemek için bir araya gelip ortak calışan bir sonuç üretirler de bizde selamete ermiş oluruz.
JavaScript Nasıl Kullanılır?
HTML kodları içerisinde <script></script> tagları içerisinde kullanılır bunun yanı sıra kendine özel .js uzantılı bir text dosyasına da yazılabilir .js uzantılı dosyaya yazarken bu dosya içinde <script></script> tagları kullanılmaz sadece JavaScript kodları yazılır ve html belgesine dahil edilir ayrıca bir kod satırı ; noktalı virgül ile kapatılmalıdır bazı sitelerde script tagının <script type="text/javascript"></script> şeklinde kullanıldığını gördünüz herhade kafanız karışmasın diye bunun farkını açıklamak gerekirse buradaki "Type" özelliği, HTML 4'te gereklidir, ancak HTML5'te isteğe bağlıdır aşağıda html kodları arasına yazılışı ve dahil edilmesi gösterilmiştir.
<!DOCTYPE html>
<html>
<head>
<script>
//javascript kodları
</script>
</head>
<body>
</body>
</html>KopyalaAslında daha çok tercih edilen, sıkıştırılıp kullanılmasına imkan sunan ve bu sayede trafikten tasarruf sağladığımız kullanım şekli .js uzantılı dosyaya yazıp html dosyasına dahil etmektir
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="dahil-edilen.js"></script>
</head>
<body>
</body>
</html>KopyalaJavaScript kodlari yazarken kodlarimiz arasina ilerde tekrar gözden geçireceğimizde hatırlamamız için notlar yazabiliriz bunun için // kullanılır bu sayede <script></script> tagları arasında kullanılan o satır JavaScript tarafından işleme alınmaz.
// bu satır bir nottur bunu yorumlamaz
ayrıca daha tedaylı bir açıklama şu şekilde yapılır
/*
Form kontrol alanı
burada başlıyor
*/
Bu satırlar görünmez değildir aslında önemli bilgileri burda saklamayı asla düşünmeyin birileri sayfaya sağ tıklayıp kaynağı göster dediğinde bu kodlar ve açıklamaları görür buradaki amaç o satırların işleme tabi tutulmamasıdır.
Bir uyarı verme örneği kodları yazarak yazımı tamamlamak istiyorum.
<script>
var degisken = "Merhaba ziyaretçi RenkliKodlar.net'e hoşgeldin!";
alert(degisken);
</script>KopyalaBu kodlar tarayıcı tarafından yorumlandığında içinde Merhaba ziyaretçi RenkliKodlar.net'e hoşgeldin! yazısı olan bir uyarı penceresi açar.
Mehmet İbrahim
