爲頁內的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上。