html中的onload函数执行不完整有时候

原代码就不展示了,以下代码所表达的意思相同

<html>
    <head>
        <title>标题</title>
        <meta content="text/html;charset=utf-8"/>
        <script type="text/javascript">
            function picture(){
                var img1 = "${mImg.img1}";  /*el表达式*/
                if(img1 != null && img1 != undefined){
                    var html1 = '';
                    html1 += "<img src='images/1.png' />"
                    $('#img1').append(html1);
                }

                var img2 = "${mImg.img2}";  /*el表达式*/
                if(img2 != null && img2 != undefined){
                    var html2 = '';
                    html2 += "<img src='images/1.png' />"
                    $('#img2').append(html2);
                }
            }
        </script>
    <head>
    <body onload="picture()">
        <table>
            <tr>
                <td id="img1">

                </td>
                <td id="img2">

                </td>
            </tr>
        <table>
    </body>
</html>

测试的时候就出现了问题,img1没问题,始终能出来的,但是img2有时候就出不来,特别是第一次加载这个页面的时候。后来实在找不出原因我就把onload函数换成了jquery的$(function(){})函数就没有这样的bug,请教一下这是为什么,望大佬们出来解释一下!谢谢!!!

查看全部
Small_Tg
Small_Tg
2019/11/07 17:07
  • java
  • html5
  • javascript
  • 点赞
  • 收藏
  • 回答
    私信

1个回复