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