HTML ऑनलोड विशेषता
परिभाषा और उपयोग
ऑब्जेक्ट लोड होने पर ऑनलोड विशेषता सक्रिय हो जाती है।
वेब पेज द्वारा सभी सामग्री (छवियों, स्क्रिप्ट फाइलों, सीएसएस फाइलों, आदि सहित) को पूरी तरह से लोड करने के बाद एक बार स्क्रिप्ट निष्पादित करने के लिए ऑनलोड का उपयोग अक्सर <body> तत्व के भीतर किया जाता है। हालांकि, इसका उपयोग अन्य तत्वों पर भी किया जा सकता है (नीचे "समर्थित HTML टैग्स" देखें)।
इनपुट तत्वों के लिए, ऑनलोड विशेषता केवल तभी समर्थित होती है जब <इनपुट प्रकार = "छवि">
ऑनलोड विशेषता का उपयोग विज़िटर के ब्राउज़र प्रकार और ब्राउज़र संस्करण की जांच करने और जानकारी के आधार पर वेब पेज के उचित संस्करण को लोड करने के लिए किया जा सकता है।
पर लागू होता है
ऑनलोड एट्रिब्यूट इवेंट एट्रिब्यूट्स का हिस्सा है , और इसका उपयोग निम्नलिखित तत्वों पर किया जा सकता है:
तत्वों |
---|
<शरीर> |
<आईफ्रेम> |
<आईएमजी> |
<इनपुट> |
<लिंक> |
<स्क्रिप्ट> |
<शैली> |
उदाहरण
शारीरिक उदाहरण
पृष्ठ लोड होने के तुरंत बाद जावास्क्रिप्ट निष्पादित करें:
<body onload="myFunction()">
आईएमजी उदाहरण
एक <img> तत्व पर अधिभार का उपयोग करना। एक छवि लोड होने के तुरंत बाद चेतावनी "छवि लोड हो गई है":
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
इनपुट उदाहरण
एक <इनपुट प्रकार = "छवि"> तत्व पर अधिभार का उपयोग करना। एक छवि लोड होने के तुरंत बाद चेतावनी "छवि लोड हो गई है":
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
ब्राउज़र समर्थन
विशेषता में onload
प्रत्येक तत्व के लिए निम्नलिखित ब्राउज़र समर्थन है:
Element | |||||
---|---|---|---|---|---|
body | Yes | Yes | Yes | Yes | Yes |
iframe | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input type="image" | Yes | Yes | Yes | Yes | Yes |
link | Yes | Yes | Yes | Yes | Yes |
script | Yes | Yes | Yes | Yes | Yes |
style | Yes | Yes | Yes | Yes | Yes |