HTML script Etiketi
<script> Etiketi
Örnek
JavaScript ile "HTML öğreniyorum" yazımı:
document.getElementById("ornek").innerHTML = "HTML öğreniyorum!";
</script>
<script> Tanımı ve Kullanımı
<script> etiketi JavaScript gibi istemci taraflı bir dili tanımlamak için kullanılır.
<script> elementi ya komut ifadeleri içerir ya da "src" özelliği ile harici bir komut dosyasına bağlanır.
Görsel manipülasyonu, form onaylama ve dinamik içerik değişimleri JavaScript'in yaygın kullanım alanlarıdır.
Tarayıcı Desteği
| Element | ||||||
|---|---|---|---|---|---|---|
| <script> | Var | Var | Var | Var | Var | Var |
İpuçları ve Notlar
Not: Eğer "src" özelliği varsa, <script> elementi boş olmalıdır.
İpucu: İstemci taraflı dilleri desteklemeyen tarayıcılar veya kullanıcıların tarayıcılarında scriptleri engellemesi hakkında <noscript> elementine göz atabilirsiniz.
Not: Harici bir komut dosyasının çalıştırılabilmesi için bir kaç yol vardır:
- async="async": Komut sayfanın geri kalanıyla eşzamanlı olmadan çalışır. Script sayfa çözümlemeye devam ederken çalışacak.
- async yoksa ve defer="defer" ise: Komut sayfa çözümlemeyi bitirdiğinde çalışır.
- async ve defer her ikisi de yoksa: Tarayıcı sayfayı çözümlemeye devam etmeden önce komut getirilir ve hemen çalıştırılır.
HTML 4.01 ile HTML5 arasındaki farklar
"type" özelliği HTML 4'te gereklidir, ama HTML5'de isteğe bağlıdır.
"async" özelliği HTML5'te yenidir.
HTML 4.01 özelliği olan "xml:space" HTML5'te desteklenmiyor.
HTML ile XHTML arasındaki farklar
XHTML'de komutların içeriği CDATA yerine öğelerin çözümleneceği anlamına gelen #PCDATA olarak bildiriliyor.
Bu XHTML'de, tüm özel karakterlerin kodlanması veya tüm içeriğin bir CDATA bölümüne kaydırılması gerektiği anlamına geliyor:
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Özellikler
= HTML5'te yeni.
| Özellik | Değer | Tanım |
|---|---|---|
| async | async | Komutun eşzamanlı olmadan çalıştırılacağını tanımlar (sadece harici kaynak komutları için) |
| charset | karakter kodu | Harici kaynaktan çağırılan komut dosyasında kullanılan dil/karakter kodunu tanımlar. |
| defer | defer | Komutun sayfa çözümlemeyi bitirdiğinde çalıştırılacağını tanımlar (sadece harici kaynak komutları için) |
| src | URL | Harici, dış kaynaktan çağırılacak komut dosyasının linkini tanımlar. |
| type | medya_türü | Komutun medya/ortam türünü belirtir. |
| xml:space | preserve | HTML 5'te desteklenmiyor. Kodun beyaz aralığının korunup korunmayacağını belirler. |
Standart Özellikler
<script> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Yorumlar
Yorum Gönder