HTML sayfasına JavaScript Ekleme--
--
Birlikte çalışabilmeleri için HTML’e JavaScript eklemenin iki yöntemi var. JavaScript’in ne olduğundan bahsederek sunabileceği avantajları gördükten sonra JavaScript’i HTML’e nasıl bağlayabileceğimize bakalım.--
JavaScript’i doğrudan HTML dosyasına ekleme----
----
HTML’e JavaScript eklemenin ilk yöntemi bunu doğrudan yapmaktır. Bunun için <script></script> etiketini kullanarak yazdığınız tüm JS kodunu içinde kapsayabilirsiniz. JS kodu aşağıdaki şekillerde eklenebilir:--
--
-
---
-JavaScript kodunu ayrı bir dosyaya ekleme----
Bazen JavaScript’i HTML dosyasına doğrudan eklemek en iyi fikir olmayabilir. Bunun sebebi JS script’lerinin birden fazla sayfada kullanılması gereksinimidir, bu gibi durumlarda JavaScript kodunu farklı dosyalarda tutmak daha mantıklıdır. Bu yüzden JavasScript’i, HTML’e harici dosya alımı yöntemiyle eklemek daha kabul edilebilir bir durumdur. Bu dosyalara HTML belgelerinin içerisinden referans verilebilir, tıpkı CSS dosyalarına referans verdiğimiz gibi. JS kodunu ayrı dosyalarda tutmanın bazı avantajları şunlardır:--
Birlikte çalışabilmeleri için HTML’e JavaScript eklemenin iki yöntemi var. JavaScript’in ne olduğundan bahsederek sunabileceği avantajları gördükten sonra JavaScript’i HTML’e nasıl bağlayabileceğimize bakalım.--
JavaScript’i doğrudan HTML dosyasına ekleme----
HTML’e JavaScript eklemenin ilk yöntemi bunu doğrudan yapmaktır. Bunun için <script></script> etiketini kullanarak yazdığınız tüm JS kodunu içinde kapsayabilirsiniz. JS kodu aşağıdaki şekillerde eklenebilir:--
- <head> etiketleri arasında
- <body> etikerleri arasında
--
Kod:
<!DOCTYPE html>
<html lang=“en-US”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<script>JAVASCRIPT Dosyasını Buraya Girin</script>
<title>Şu an saat : </title>
</head>
<body>
<script>JAVASCRIPT Dosyasını Buraya Girin</script>
</body>
</html>-
-JavaScript kodunu ayrı bir dosyaya ekleme----
Bazen JavaScript’i HTML dosyasına doğrudan eklemek en iyi fikir olmayabilir. Bunun sebebi JS script’lerinin birden fazla sayfada kullanılması gereksinimidir, bu gibi durumlarda JavaScript kodunu farklı dosyalarda tutmak daha mantıklıdır. Bu yüzden JavasScript’i, HTML’e harici dosya alımı yöntemiyle eklemek daha kabul edilebilir bir durumdur. Bu dosyalara HTML belgelerinin içerisinden referans verilebilir, tıpkı CSS dosyalarına referans verdiğimiz gibi. JS kodunu ayrı dosyalarda tutmanın bazı avantajları şunlardır:--
- HTML kodu ve JavaScript kodu ayrıldığında, bir tasarım ilkesi olan “kavramların ayrılığı” sağlanmış olur ve bu sayede her şey daha sürdürülebilir ve tekrar kullanılabilir hale gelir.
- Kod okunabilirliği ve bakımı çok daha kolaylaşır.
- Önbelleğe alınan JavaScript dosyaları, sayfaların yüklenme süresini azaltarak internet sitesinin performansını arttırır.
Kod:
<!DOCTYPE html>
<html lang=“en-US”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1”>
<title>Time right now:</title>
</head>
<body>
</body>
<script src=“js/myscript.js”></script>
</html>
