onload Olayı
Tanım ve Kullanım
onload olayı, nesne yüklenmeden sonra başlar.
onload, genellikle <body> öğesinde kullanılır ve web sayfasının tüm içeriklerini (görseller, script dosyaları, CSS dosyaları vb.) tamamen yükledikten sonra scriptleri çalıştırmak için kullanılır.
onload olayı, ziyaretçinin tarayıcı türünü ve sürümünü kontrol etmek ve bu bilgilerle web sayfasının doğru sürümünü yüklemek için kullanılabilir.
onload olayı çerez işleme için de kullanılabilir (aşağıdaki daha fazla örnek için bakın).
Örnek
Sayfa yüklendikten sonra hemen JavaScript çalıştırın:
<body onload="myFunction()">
Örnek 2
<img> ögesinde onload kullanarak. Resim yüklendikten sonra hemen "Image is loaded" uyarısı verilir:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132"> <script> function loadImage() { alert("Image is loaded"); } </script>
Örnek 3
onload olayı kullanarak çerez işleme:
<body onload="checkCookies()"> <script> function checkCookies() { var text = ""; if (navigator.cookieEnabled == true) { text = "Çerezler etkin."; } else { text = "Çerezler etkin değil."; } document.getElementById("demo").innerHTML = text; } </script>
Gramer
HTML'de:
<element onload="myScript">
JavaScript'te:
nesne.onload = function(){myScript};
JavaScript'te addEventListener() metodu kullanarak:
nesne.addEventListener("load", myScript);
Açıklama:Internet Explorer 8 veya daha eski sürümler desteklemiyor addEventListener() metodu。
Teknik ayrıntılar
Balonlama: | Desteklenmiyor |
---|---|
İptal edilebilir: | Desteklenmiyor |
Olay türü: | Kullanıcı arayüzünden oluşturulursa,UiEvent。 Event。 |
Desteklenen HTML etiketleri: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
DOM sürümü: | 2. Seviye Olaylar |
Tarayıcı desteği
Olaylar | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onload | Destek | Destek | Destek | Destek | Destek |