JavaScript yerleştirilebilir <body> ve <head> HTML sayfasının bölümleri.
<script> Etiket
HTML'de, JavaScript kodu arasına takılı olmalıdır <script> ve </script> etiketleri.
Örnek
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
: Yaşlı örnekler, bir type özelliğine kullanabilir <script type="text/javascript"> .
Bu tip özellik gerekli değildir. JavaScript HTML varsayılan kodlama dilidir.
JavaScript İşlevleri ve Olaylar
Bir JavaScript function ne zaman infaz edilebilir bir JavaScript kod bloğu vardır "asked" için.
Bir Örneğin, bir işlev yürütülebilir event kullanıcının bir düğmeye tıkladığında gibi, meydana gelir.
Daha sonra bölümlerde işlevleri ve olaylar hakkında çok daha öğrenecektir.
JavaScript <head> veya <body>
Bir HTML belgesinde komut herhangi bir sayıda yerleştirebilirsiniz.
Komut konabilir <body> veya içinde <head> HTML sayfasının bölümüne veya her ikisi de.
Tek bir yerde tüm kod tutmak, her zaman iyi bir alışkanlıktır.
JavaScript <head>
Bu örnekte, bir JavaScript işlevi yerleştirilir <head> HTML sayfasının bölümüne.
Fonksiyon çağrılır (called) bir düğme tıklandığında:
Örnek
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
Kendin dene " JavaScript <body>
Bu örnekte, bir JavaScript işlevi yerleştirilir <body> Bir HTML sayfasının bölümüne.
Fonksiyon çağrılır (called) bir düğme tıklandığında:
Örnek
<!DOCTYPE html>
<html>
<body>
<h1>My 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>
Kendin dene " Alt kısmındaki komut yerleştirmek için iyi bir fikirdir <body> elemanı.
komut derleme ekranı yavaşlatabilir, çünkü bu, sayfa yükleme artırabilir.
Dış JavaScript
Komut dosyaları harici dosyalarda yerleştirilebilir:
MyScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
aynı kod birçok farklı web sayfalarında kullanıldığında Harici komut pratiktir.
JavaScript dosyaları dosya uzantısı var .js .
Src komut dosyası dosyasının adını koymak, harici bir komut dosyası kullanmak için (source) bir oznıtelığı <script> etiketi:
Örnek
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html> Kendin dene " Sen bir dış komut dosyası başvurusu yerleştirebilirsiniz <head> veya <body> istediğiniz gibi.
Tam olarak nerede bulunduğu gibi komut davranacaktır <script> etiketi yer almaktadır.
Dış komut içeremez <script> etiketleri.
Dış JavaScript Avantajları
Harici dosyalarda JavaScripts Yerleştirme bazı avantajları vardır:
- Bu HTML ve kod ayıran
- Bu HTML ve JavaScript Kolay okunması ve bakımını kolaylaştırır
- Cached JavaScript dosyaları sayfa yüklendiğinde hızlandırabilir