olay yükleme
Örnek
Bir sayfa yüklendikten hemen sonra bir JavaScript yürütün:
<body onload="myFunction()">
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Onload olayı, bir nesne yüklendiğinde meydana gelir.
onload, bir web sayfası tüm içeriği (resimler, komut dosyaları, CSS dosyaları vb. dahil) tamamen yükledikten sonra bir komut dosyasını yürütmek için çoğunlukla <body> öğesi içinde kullanılır.
Onload olayı, ziyaretçinin tarayıcı türünü ve tarayıcı sürümünü kontrol etmek ve bilgilere dayalı olarak web sayfasının uygun sürümünü yüklemek için kullanılabilir.
Onload olayı, tanımlama bilgileriyle başa çıkmak için de kullanılabilir (aşağıdaki "Daha Fazla Örnek"e bakın).
Tarayıcı Desteği
Event | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
HTML'de:
<element onload="myScript">
JavaScript'te:
object.onload = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("load", myScript);
Not: addEventListener () yöntemi, Internet Explorer 8 ve önceki sürümlerde desteklenmez.
Teknik detaylar
kabarcıklar: | Numara |
---|---|
İptal edilebilir: | Numara |
Etkinlik tipi: | Bir kullanıcı arabiriminden oluşturulmuşsa UiEvent , aksi takdirde Event . |
Desteklenen HTML etiketleri: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
DOM Sürümü: | 2. Seviye Etkinlikleri |
Daha fazla örnek
Örnek
Bir <img> öğesinde aşırı yük kullanma. Bir resim yüklendikten hemen sonra "Resim yüklendi" uyarısı:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Örnek
Çerezlerle başa çıkmak için onload olayını kullanma:
<body onload="checkCookies()">
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>