HTML aşırı yükleme Olay Özelliği
Ö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 özelliği, bir nesne yüklendiğinde tetiklenir.
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. Ancak, diğer öğelerde de kullanılabilir (aşağıdaki "Desteklenen HTML etiketleri" bölümüne bakın).
Onload niteliği, ziyaretçinin tarayıcı türünü ve tarayıcı sürümünü kontrol etmek ve bilgilere göre web sayfasının uygun sürümünü yüklemek için kullanılabilir.
Onload niteliği, çerezlerle uğraşmak için de kullanılabilir (aşağıdaki "Diğer Örnekler"e bakın).
Tarayıcı Desteği
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
<element onload="script">
Özellik Değerleri
| Value | Description |
|---|---|
| script | The script to be run on onload |
Teknik detaylar
| Desteklenen HTML etiketleri: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> ve <style> |
|---|
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="w3html.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 ("gelişmiş" javascript kullanarak):
<body onload="checkCookies()">
<p id="demo"></p>
<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>
İlgili Sayfalar
HTML DOM referansı: onload olayı
❮ HTML Olay Nitelikleri