動態(tài)創(chuàng)建script和動態(tài)創(chuàng)建的img賦值src時為什么不同。

在動態(tài)創(chuàng)建script和動態(tài)創(chuàng)建img的過程中，為什么img賦值src之后能立即請求資源，而script必須添加到頁面中才能加載資源

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript">
        
        window.onload = function(){
            var img = new Image();
            img.src = './function.JPG';
            img.onload = function(){
                console.log('圖片加載完畢');
            }

            setTimeout(function(){
                console.log('10秒之后執(zhí)行');
                document.getElementsByTagName('body')[0].appendChild(img);
            },10000)
            /*
                圖片加載完畢
                10秒之后執(zhí)行   --->等待10s
            */

            //測試是否和createElement有關(guān)
            var img2 = document.createElement('img');
            img2.src = './function.JPG';
            img2.onload = function(){
                console.log('圖片加載完畢');
            }

            setTimeout(function(){
                console.log('10秒之后執(zhí)行');
                document.getElementsByTagName('body')[0].appendChild(img);
            },10000)
            /*
                圖片加載完畢
                10秒之后執(zhí)行   --->等待10s
            */


            var script = document.createElement('script');
            script.src = './zepto源碼.js';
            script.onload = function(){
                console.log('script加載完畢');
            }
            setTimeout(function(){
                console.log('10秒之后執(zhí)行');
                document.getElementsByTagName('body')[0].appendChild(script);
            },10000)
            /*
                10秒之后執(zhí)行   --->等待10s
                script加載完畢
            */
        }
    </script>
</body>
</html>

都是給動態(tài)創(chuàng)建的script和img賦值，為什么img就能直接請求，script是添加到頁面才會請求？并且第二個測試說明和document.createElement沒關(guān)系啊。。

回答

編輯回答