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