Το συμβάν onload

Δημιουργία Ενεργειών DOM Όντικο Event

Ορισμός και χρήση

Το συμβάν onload συμβαίνει όταν το αντικείμενο φορτώνεται.

Το onload χρησιμοποιείται πιο συχνά στο στοιχείο <body>, για την εκτέλεση κώδικα όταν η ιστοσελίδα φορτώνει όλο το περιεχόμενο (συμπεριλαμβανομένων εικόνων, αρχείων script, αρχείων CSS κ.λπ.).

Το συμβάν onload μπορεί να χρησιμοποιηθεί για τον έλεγχο του τύπου και της έκδοσης του προγράμματος περιήγησης του επισκέπτη και τη φόρτωση της σωστής έκδοσης της ιστοσελίδας με βάση αυτές τις πληροφορίες.

The onload event can also be used to handle cookies (see more examples below).

Example

Execute JavaScript immediately after page load:

<body onload="myFunction()">

Try it yourself

Example 2

Use onload on the <img> element. After the image is loaded, immediately prompt "Image is loaded":

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

Try it yourself

Example 3

Use onload event to handle cookies:

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

Try it yourself

Syntax

In HTML:

<element onload="myScript">

Try it yourself

In JavaScript:

object.onload = function(){myScript};

Try it yourself

In JavaScript, use the addEventListener() method:

object.addEventListener("load", myScript);

Try it yourself

Note:Internet Explorer 8 or earlier versions do not support addEventListener() method.

Technical details

Bubble: Not supported
Cancelable: Not supported
Event type: If generated from the user interface,UiEvent. Otherwise Event.
Supported HTML tags: body, frame, iframe, img, input type="image", link, script, style
Έκδοση DOM: Level 2 Ενεργειές

Υποστήριξη Browser

Συμπαράσταση Ενεργειών Chrome IE Firefox Safari Opera
onload Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
Δημιουργία Ενεργειών DOM Όντικο Event