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()">

Kişisel olarak deneyin

Ö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>

Kişisel olarak deneyin

Ö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>

Kişisel olarak deneyin

Gramer

HTML'de:

<element onload="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onload = function(){myScript};

Kişisel olarak deneyin

JavaScript'te addEventListener() metodu kullanarak:

nesne.addEventListener("load", myScript);

Kişisel olarak deneyin

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,UiEventEvent
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