JavaScript Nereye eklenir

Zor Çocuk

Moderatör
Değerlendirme - 100%
Katılım
3 Yıl 10 Ay 25 Gün
Mesajlar
884
<script> Etiketi
HTML'de, JavaScript kodu <script>ve </script>etiketlerinin arasına yerleştirilir .

Misal
JavaScript:
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Eski JavaScript örnekleri bir tür özelliği kullanabilir: <script type = "text / javascript">.
Type özelliği gerekli değildir. JavaScript, HTML'deki varsayılan kodlama dilidir.
JavaScript İşlevleri ve Olayları
JavaScript function, için "çağrıldığında" çalıştırılabilen bir JavaScript kodu bloğudur.

Örneğin , kullanıcı bir düğmeyi tıkladığında olduğu gibi bir olay meydana geldiğinde bir işlev çağrılabilir .

Sonraki bölümlerde işlevler ve olaylar hakkında çok daha fazlasını öğreneceksiniz.
<head> veya <body> içindeki JavaScript
Bir HTML belgesine istediğiniz sayıda komut dosyası yerleştirebilirsiniz.

Komut dosyaları, bir HTML sayfasının içine <body>veya <head>bölümüne veya her ikisine birden yerleştirilebilir.

<head> içinde JavaScript
Bu örnekte, bir HTML sayfasının bölümüne bir JavaScript functionyerleştirilmiştir <head>.

Bir düğme tıklandığında işlev çağrılır (çağrılır):

Misal
JavaScript:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>

<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>
<body> içinde JavaScript
Bu örnekte, bir HTML sayfasının bölümüne bir JavaScript functionyerleştirilmiştir <body>.

Bir düğme tıklandığında işlev çağrılır (çağrılır):

Misal
JavaScript:
<!DOCTYPE html>
<html>
<body>

<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>
Komut dosyalarının <body> öğesinin altına yerleştirilmesi görüntüleme hızını artırır çünkü komut dosyası yorumlaması görüntüyü yavaşlatır.
Harici JavaScript
Komut dosyaları ayrıca harici dosyalara da yerleştirilebilir:

Harici dosya: myScript.js
JavaScript:
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
Harici komut dosyaları, aynı kod birçok farklı web sayfasında kullanıldığında pratiktir.

JavaScript dosyaları .js dosya uzantısına sahiptir .

Harici bir komut dosyası kullanmak için, komut dosyası dosyasının adını srcbir <script>etiketin (kaynak) özniteliğine koyun :

Misal
Kod:
<script src="myScript.js"></script>
Harici bir komut dosyası referansı içine <head>veya <body>istediğiniz gibi yerleştirebilirsiniz.

Komut dosyası, <script>etiketin tam olarak bulunduğu yerde bulunuyormuş gibi davranacaktır .

Harici komut dosyaları <script>etiket içeremez .
Harici JavaScript Avantajları
Komut dosyalarını harici dosyalara yerleştirmenin bazı avantajları vardır:

  • HTML ve kodu ayırır
  • HTML ve JavaScript'in okunmasını ve bakımını kolaylaştırır
  • Önbelleğe alınmış JavaScript dosyaları, sayfa yüklemelerini hızlandırabilir
Bir sayfaya birkaç komut dosyası eklemek için - birkaç komut dosyası etiketi kullanın:

Misal
JavaScript:
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
Dış Referanslar
Harici komut dosyalarına tam bir URL ile veya mevcut web sayfasına göre bir yol ile başvurulabilir.

Bu örnek, bir komut dosyasına bağlanmak için tam bir URL kullanır:

Misal
JavaScript:
<script src="https://www.1yuz.com/js/myScript1.js"></script>
Bu örnek, geçerli web sitesinde belirli bir klasörde bulunan bir komut dosyasını kullanır:

Misal
PHP:
<script src="/js/myScript1.js"></script>
Bu örnek, geçerli sayfayla aynı klasörde bulunan bir komut dosyasına bağlanır:

Misal
JavaScript:
<script src="myScript1.js"></script>
 

Bu konuyu görüntüleyen kullanıcılar

Üst Alt