ऑनलोड इवेंट
विभावना और उपयोग
ऑनलोड इवेंट जब ऑब्जैक्ट लोड होता है तब होता है।
ऑनलोड सबसे अधिक <body> एलिमेंट में उपयोग किया जाता है, इसका उपयोग वेबपेज जबकि सभी सामग्री (चित्र, स्क्रिप्ट फ़ाइल, CSS फ़ाइल आदि) पूरी तरह से लोड होने के बाद स्क्रिप्ट को चलाने के लिए किया जाता है।
ऑनलोड इवेंट का उपयोग ब्राउज़र के प्रकार और संस्करण की जांच के लिए किया जाता है और इसके आधार पर वेबपेज का सही संस्करण लोड किया जाता है।
onload इवेंट को cookie का संभाल के लिए भी उपयोग किया जा सकता है (नीचे अधिक उदाहरण देखें).
उदाहरण
पृष्ठ लोड होने के बाद तुरंत JavaScript चलाएं:
<body onload="myFunction()">
उदाहरण 2
img एलीमेंट पर onload का उपयोग करें। छवि को लोड करने के बाद "Image is loaded" चेतावनी तुरंत दें:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
उदाहरण 3
onload इवेंट का उपयोग करके cookie का संभाल:
<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>
व्याकरण
जैसा कि HTML में:
<एलीमेंट onload="myScript">
जैसा कि JavaScript में:
ऑब्जेक्ट.onload = function(){myScript};
जैसा कि JavaScript में, addEventListener() विधि का उपयोग करें:
ऑब्जेक्ट.addEventListener("load", myScript);
टिप्पणी:इंटरनेट एक्सप्लोरर 8 या उससे पहले की संस्करण इसे समर्थित नहीं करती है addEventListener() विधि。
तकनीकी विवरण
| बबलिंग: | समर्थित नहीं है |
|---|---|
| रद्द करने योग्य: | समर्थित नहीं है |
| इवेंट क़िस्म: | यदि उपयोगकर्ता इंटरफेस से उत्पन्न होता है,UiEvent। अन्यथा इवेंट。 |
| समर्थित HTML टैग: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
| DOM संस्करण: | स्तर 2 इवेंट |
ब्राउज़र समर्थन
| इवेंट | च्रोम | आईई | फायरफॉक्स | सफारी | ऑपेरा |
|---|---|---|---|---|---|
| onload | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |
