为页内的tab添加的iframe添加加载动画过渡效果

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上。

转载于:https://www.cnblogs.com/chopin-1990/p/10001481.html