jquery 如何判断iframe是否加载完成-木庄网络博客

2022-02-26 11:11:58 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

jquery 判断iframe是否加载完成的方法：1、使用【jQuery load()】方法；2、使用【onreadystatechange】方法；3、使用【attachEvent】方法。

本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。

jquery 判断iframe是否加载完成的方法：

方法一、jQuery load()

var frm = document.getElementById('myiframe');  
$(frm).load(function(){                             //  等iframe加载完毕  
dosomething();  
});

方法二、onreadystatechange

var iframe = document.createElement("myiframe");  
iframe.src = "http://www.baidu.com";  
if (!/*@cc_on!@*/0) { //如果不是IE，IE的条件注释  
    iframe.onload = function(){     
        alert("Local iframe is now loaded.");  
    };  
} else {  
    iframe.onreadystatechange = function(){ // IE下的节点都有onreadystatechange这个事件  
        if (iframe.readyState == "complete"){  
            alert("Local iframe is now loaded.");  
        }  
    };  
}  
document.body.appendChild(iframe);