Zor Çocuk
![]()
Moderatör
<script> Etiketi
HTML'de, JavaScript kodu <script>ve </script>etiketlerinin arasına yerleştirilir .
Misal
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
<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
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
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
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:
Misal
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
Bu örnek, geçerli web sitesinde belirli bir klasörde bulunan bir komut dosyasını kullanır:
Misal
Bu örnek, geçerli sayfayla aynı klasörde bulunan bir komut dosyasına bağlanır:
Misal
HTML'de, JavaScript kodu <script>ve </script>etiketlerinin arasına yerleştirilir .
Misal
JavaScript:
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>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>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>Harici JavaScript
Komut dosyaları ayrıca harici dosyalara da yerleştirilebilir:
Harici dosya: myScript.js
JavaScript:
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}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>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
Misal
JavaScript:
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>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>Misal
PHP:
<script src="/js/myScript1.js"></script>Misal
JavaScript:
<script src="myScript1.js"></script>