document.onload
यह छवियों और अन्य बाहरी सामग्री के लोड होने से पहले सक्रिय हो जाता है। दस्तावेज़। ऑनलोड घटना को window.onload से पहले सक्रिय किया जाता है।
window.onload
पूरा पृष्ठ लोड होने पर यह सक्रिय हो जाता है, जिसमें चित्र, स्क्रिप्ट, css, आदि शामिल हैं।
उदाहरण
ऑनलोड को समझने के लिए यहां एक उदाहरण दिया गया है।
लाइव डेमो
<html>
<head>
<title>JavaScript Animation</title>
<script>
<!--
var imgObj = null;
function init() {
imgObj = document.getElementById('myImage');
imgObj.style.position= 'relative';
imgObj.style.left = '0px';
}
function moveRight() {
imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';
}
window.onload =init;
//-->
</script>
</head>
<body>
<form>
<img id="myImage" src="/images/html.gif" />
<p>Click button below to move the image to right</p>
<input type="button" value="Click Me" onclick="moveRight();" />
</form>
</body>
</html>