ความแตกต่างระหว่าง window.onload และ document.onload ใน JavaScript

document.onload

ยิงก่อนโหลดรูปภาพและเนื้อหาภายนอก document.onload event ยิงก่อน window.onload

window.onload

ยิงเมื่อหน้าเว็บโหลดเสร็จสมบูรณ์ รวมถึงรูปภาพ สคริปต์ CSS ฯลฯ

ตัวอย่าง

ตัวอย่างเพื่อเข้าใจ onload

Live Demo

<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>