获取动态img的宽高

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body onload="aaa()">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
    <script type="text/javascript">
        var img = new Image()
        img.src = "http://lemon-staging.qiyi.domain/download/api/v1/files/367b886364924042a6bfb66d21f00431"
        document.body.appendChild(img)
        console.log(img)
        document.onload = function () {
            console.log(img.width)
        }
        window.onload = function(){
                console.log("页面加载完成====》onload");
                console.log(img.width)
            }
            
            $(window).load(function(){
                console.log("jquery===》window load" );
                console.log(img.width)
            })
            
            $(document).ready(function () {
                console.log("jquery====》document ready");
                console.log(img.width)
            });
            
            $(function(){
                console.log("jquery====》document onload");
                console.log(img.width)
            });
            
            function aaa(){
                console.log("静态标签====》onload");
                console.log(img.width)
            }
    </script>
</body>
</html>
获取动态img的宽高

推荐阅读更多精彩内容
