Exemplu
Executați un JavaScript imediat după o pagină a fost încărcată:
<body onload="myFunction()"> Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Evenimentul onload are loc atunci când un obiect a fost încărcat.
onload este cel mai des utilizat în cadrul <body> Elementul pentru a executa un script odată ce o pagină web a încărcat complet tot conținutul (inclusiv imagini, fișiere script, fișiere CSS etc.).
Evenimentul onload poate fi folosit pentru a verifica tipul de browser și versiunea browser-ul vizitatorului, și încărcați versiunea corectă a paginii web pe baza informațiilor.
Evenimentul onload poate fi de asemenea folosit pentru a face cu cookies - "More Examples" cookies ( a se vedea "More Examples" de mai jos).
Suport pentru browser-
| Eveniment | |||||
|---|---|---|---|---|---|
| onload | da | da | da | da | da |
Sintaxă
In HTML:
< Încearcă - l singur » În JavaScript:
object .onload=function(){ Încearcă - l singur » În JavaScript, folosind addEventListener() metoda:
object .addEventListener("load", myScript );
Încearcă - l singur » Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
| Bule: | Nu |
|---|---|
| anulabil: | Nu |
| Tip de eveniment: | UIEvent dacă sunt generate dintr-o interfață de utilizator, eveniment altfel. |
| Tag-uri HTML acceptate: | <body>, <frame>, <iframe>, <img>, <input type = "image">, <link>, <script>, <style> |
| DOM Versiune: | Nivelul 2 Evenimente |
Mai multe exemple
Exemplu
Utilizarea onload pe <img> Element. Alarma "Image is loaded" imediat după ce o imagine a fost încărcată:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Încearcă - l singur » Exemplu
Utilizarea evenimentului onLoad pentru a face față cu cookie-uri:
<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>
Încearcă - l singur » <Eveniment obiect