原页面

<div class="list">
    <div class="title">学校自评修改申请</div>
    <div class="conts">
    <iframe style="width:100%;height:100%;" frameborder="no" src="" data_url="{:U('change_apply')}"></iframe>
    </div>
</div>

<div class="list">
    <div class="title">调查问卷预警</div>
    <div class="conts">
    <iframe style="width:100%;height:100%;" frameborder="no" src="" data_url="{:U('questionnaire')}"></iframe>
    </div>
</div>                

<div class="list">
    <div class="title">整改通知书</div>
    <div class="conts">
    <iframe style="width:100%;height:100%;" frameborder="no" src="" data_url="{:U('notice')}"></iframe>
    </div>
</div>

js

//解决多iframe请求进度阻塞 同事ajax 和ifranme 的请求也会阻塞 导致服务器响应不及时 所有ajax 我就放在了最后的iframe 完成
        var loadCount = 0;
function iframeOnload() {

    var completeNum = 0;
    if(loadCount<1){
        //onload
        var count = $(".conts iframe").size();//iframe的个数
        updateIframeSrc(0,count);
        updateIframeSrc(1,count);
        updateIframeSrc(2,count);

        function updateIframeSrc(index,count){
            if(index >= count)
                return;
            var iframe  = $(".conts iframe").eq(index);
            iframe.load(function(){
                console.log(index+"complete");
                completeNum++;
                console.log(completeNum)
                updateIframeSrc(index+3,count);
                if(completeNum==count){
                    change()
                }
            });
            var url = iframe.attr("data_url");
            iframe.attr("src",url);
        }
    }
    loadCount++;
}

最后修改:2021 年 01 月 13 日 10 : 12 AM
如果觉得我的文章对你有用,请随意赞赏