var iframe = $("iframe[data-id=" + id + " ]"); if (iframe.length > 0) { var exist = $(iframe[0]).attr("exist"); if (exist!=="1") { var loadindex = layer.load(2, { shade: false }); iframe[0].onload = function () { //window.parent.document.getElementsByClassName(".loading").innerHTML = "New text!"; layer.close(loadindex); //$(".loading").html("ok"); }; } //if (iframe.context.readyState !== "complete" && iframe.context.readyState !== "loaded") { //} };
第一步:获取iframe对象,转化成dom对象iframe[0]。
第二步:写dom对象的onload事件,onload事件是在iframe加载完成后执行的事件。
注意:loadindex是 layui的一个loading动画弹窗。exist是一个自定义的状态信息。当tab已经添加了这个iframe的时候给其加的属性。当有这个iframe时,无需过渡动画,直接跳转该tab上。