Javascript Başlangıç Rehberi
Javascript'i en doğru tekniklerle sıfıran ileri seviyeye öğrenirken başucu kitabınız olabilecek bilgileri sizin için derledik.
Javascript kodlarımızı html ve css ile birlikte kullanabilir ve sitemizdeki dinamik özellikler kazandırabiliriz.
Javascript kodlarımızı <script></script> etiketleri arasına yazarız. script etiketimizi html kodlarımızın head kısmında kullanabiliriz.
<!DOCTYPE html>
<html>
<head>
<title>Javascript Başlangıç Rehberi</title>
<script>
// Javascript kodlarımız buraya yazılacak.
</script>
</head>
<body>
<p>Javascript derslerimizle sıfırdan ileri seviyeye javascript öğrenebilirsiniz.</p>
</body>
</html>
Peki javascript kodlarımızı ne zaman head bölümünde kullanmalıyız?
Bir web sitesini ilk açtığımız zaman kodlarımız sitenin başından sonuna doğru okunur ve satır satır işlenir. Sitemizin açılışında işlenmesini istediğimiz önem arz eden kodlarımızı her zaman head etiketinin içerisine yazmamızda fayda var.
script etiketimizi html kodlarımızın body kısmında da kullanabiliriz.
<!DOCTYPE html>
<html>
<head>
<title>Javascript Başlangıç Rehberi</title>
</head>
<body>
<script>
// Javascript kodlarımız buraya yazılacak.
</script>
</body>
</html>
Peki javascript kodlarımızı ne zaman body bölümünde kullanmalıyız?
Sitemizde yer alan herhangi bir etiketi manipüle etmek istediğimiz zaman veya sitemizde gerçekleştireceğimiz herhangi bir html kodu eklemek istediğimiz elemana ulaşmak istediğimizde javascript kodlarımızı body etiketinin alt tarafına yazmalıyız. Aksi takdirde yazdığımız javascript kodları manipüle girişiminde bulunmak istediğimiz etiketi bulamayacak ve kodlarımız düzgün bir biçimde çalışmayacaktır.
<script type=\"text/javascript\">...</script> kullanımı üstteki kullanım alanlarıyla tamamen aynıdır. Sadece sitemizde yer alan bu kod türü belirtir. Nasılki css kütüphanelerimizi projemize dahil ederken rel=\"stylesheet\" ifadesi ile kütüphanemizin css kütüphanesi olduğunu belirtiyorsak kodumuzda aynı şekilde javascript kodu olduğunu belirtmektedir. Kullanımı zorunlu değildir.
Dikkat Edilmesi Gerekenler Sitemize ekleyeceğimiz javascript kütüphanelerinin kodları arasına javascript kodu yazılmamalıdır. Kütüphanenin yolu src="ornek.js" ile belirtilir.<!DOCTYPE html> <html> <head> <title>Javascript Başlangıç Rehberi</title> <script type="text/javascript" src="kod.js"></script> </head> <body> <script type="text/javascript" src="kod.js"></script> </body> </html>
www.kodlamakampi.com