HTML ऑनलोड इवेंट विशेषता
उदाहरण
पृष्ठ लोड होने के तुरंत बाद जावास्क्रिप्ट निष्पादित करें:
<body onload="myFunction()">
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
ऑब्जेक्ट लोड होने पर ऑनलोड विशेषता सक्रिय हो जाती है।
वेब पेज द्वारा सभी सामग्री (छवियों, स्क्रिप्ट फाइलों, सीएसएस फाइलों, आदि सहित) को पूरी तरह से लोड करने के बाद एक बार स्क्रिप्ट निष्पादित करने के लिए ऑनलोड का उपयोग अक्सर <body> तत्व के भीतर किया जाता है। हालांकि, इसका उपयोग अन्य तत्वों पर भी किया जा सकता है (नीचे "समर्थित HTML टैग्स" देखें)।
ऑनलोड विशेषता का उपयोग विज़िटर के ब्राउज़र प्रकार और ब्राउज़र संस्करण की जांच करने और जानकारी के आधार पर वेब पेज के उचित संस्करण को लोड करने के लिए किया जा सकता है।
कुकीज़ से निपटने के लिए ऑनलोड विशेषता का भी उपयोग किया जा सकता है (नीचे "अधिक उदाहरण" देखें)।
ब्राउज़र समर्थन
Event Attribute | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
<element onload="script">
गुण मान
Value | Description |
---|---|
script | The script to be run on onload |
टेक्निकल डिटेल
समर्थित HTML टैग: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> और <style> |
---|
और ज्यादा उदाहरण
उदाहरण
एक <img> तत्व पर अधिभार का उपयोग करना। एक छवि लोड होने के तुरंत बाद चेतावनी "छवि लोड हो गई है":
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
उदाहरण
कुकीज़ से निपटने के लिए ऑनलोड ईवेंट का उपयोग करना ("उन्नत" जावास्क्रिप्ट का उपयोग करके):
<body onload="checkCookies()">
<p id="demo"></p>
<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 DOM संदर्भ: ऑनलोड इवेंट
❮ HTML ईवेंट विशेषताएँ