En son web geliştirme öğreticiler
 

onload Olay

<Olay Nesne

Örnek

Bir sayfa yüklendikten hemen sonra bir JavaScript yürütün:

<body onload="myFunction()">
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

bir amacı yüklendiğinde Onload olayı meydana gelir.

Onload en sık içinde kullanıldığında <body> Bir web sayfası tamamen (görüntüler, komut dosyaları, CSS dosyaları, vb dahil) tüm içeriği yüklendikten sonra bir komut dosyası çalıştırmak için eleman.

Onload olay ziyaretçinin tarayıcı tipi ve tarayıcı sürümünü kontrol edin ve bilgilere dayanarak web sayfasının doğru sürümünü yüklemek için kullanılabilir.

Onload olayı da başa kullanılabilecek cookies (bkz "More Examples" aşağıda).

Tarayıcı Desteği

Olay
onload Evet Evet Evet Evet Evet

Sözdizimi

HTML'de:

< Kendin dene "

JavaScript:

object .onload=function(){ Kendin dene "

JavaScript olarak, kullanılarak addEventListener() metodu:

object .addEventListener("load", myScript );
Kendin dene "

Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.

Teknik detaylar

Kabarcıklar: Yok hayır
iptal Edilebilir: Yok hayır
Etkinlik tipi: UIEvent Bir kullanıcı arayüzünden oluşturulan eğer Olay aksi.
Desteklenen HTML etiketleri: <body>, <frame>, <iframe> <img>, <input type = "image">, <link>, <script>, <style>
DOM Versiyon: Seviye 2 Olaylar
Örnekler

Diğer Örnekler

Örnek

Bir de onload kullanma <img> elemanı. Uyarı "Image is loaded" bir görüntü yüklendikten hemen sonra:

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
Kendin dene "

Örnek

kurabiye başa onload olayı kullanarak:

<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>
Kendin dene "
<Olay Nesne