Ang 'onload' na pangyayari

DOM Event Event Obheto

Pagsasaayos at Paggamit

Ang 'onload' na pangyayari ay nangyayari pagkatapos na ma-load ang bagay.

Ang 'onload' ay pinaka-kadalasang ginagamit sa <body> na elemento, na ginagamit upang isagawa ang script pagkatapos na kumpleto na magsagawa ang pahina ang pag-load ng lahat ng nilalaman (kasama ang mga imahe, script file, CSS file at iba pa).

Ang 'onload' na pangyayari ay maaring gamitin upang suriin ang uri at bersyon ng browser ng bisita at mag-load ng tamang bersyon ng pahina batay sa impormasyon na ito.

Ang pangyayari ng onload ay maaaring gamitin upang hawakan ang cookie (tingnan ang higit pang halimbawa sa ibaba).

Mga halimbawa

Ipatong agad ang JavaScript kapag naglululan ang pahina:

<body onload="myFunction()">

Subukan natin ito

Mga halimbawa 2

Gamit ang pangyayari ng onload sa <img> elemento. Pagkatapos ma-load ang imahe, agad na magbigay ng paalaala na "Image is loaded":

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

Subukan natin ito

Mga halimbawa 3

Gamit ang pangyayari ng onload upang hawakan ang cookie:

<body onload="checkCookies()">
<script>
function checkCookies() {
  var text = "";
  kung (navigator.cookieEnabled == true) {
    text = "Ang Cookies ay binibigay ng kapangyarihan.";
  } else {
     text = "Ang Cookies ay hindi na binibigay ng kapangyarihan.";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

Subukan natin ito

Pangyayari

Sa HTML:

<element onload="myScript">

Subukan natin ito

Sa JavaScript:

object.onload = function(){myScript};

Subukan natin ito

Sa JavaScript, gamit ang paraan ng addEventListener():

object.addEventListener("load", myScript);

Subukan natin ito

Komento:Hindi suportado ng Internet Explorer 8 o mas mas maaga na bersyon Mga paraan ng addEventListener().

Detalye ng teknolohiya

Bububog: Hindi suportado
Maaaring kanselahin: Hindi suportado
Uri ng event: Kung ginawa mula sa user interface,UiEvent. Kung hindi, Event.
Suportadong HTML tag: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
DOM Version: Level 2 Events

Browser Support

Event Chrome IE Firefox Safari Opera
onload Support Support Support Support Support
DOM Event Event Obheto