JavaScript में window.onload और document.onload में क्या अंतर है

document.onload

यह इमेजेज और अन्य एक्सटर्नल कंटेंट लोड होने से पहले फायर होता है। document.onload इवेंट window.onload से पहले फायर होता है।

window.onload

यह तब फायर होता है जब पूरा पेज लोड हो जाता है, जिसमें इमेजेज, स्क्रिप्ट्स, CSS आदि शामिल हैं।

उदाहरण

यहां onload समझने के लिए एक उदाहरण है।

लाइव डेमो

<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>इमेज को दाईं ओर ले जाने के लिए नीचे बटन पर क्लिक करें</p>
            <input type="button" value="क्लिक मी" onclick="moveRight();" />
        </form>
    </body>
</html>