iframe父子屬性調用

一、訪問主頁面屬性

var parentId=parent.$("#id").val();//訪問父頁面元素值

二、訪問父頁面方法

var parentMethodValue=parent.getMethodValue();//訪問父頁面方法

三、關閉子頁面

var index = parent.layer.getFrameIndex(window.name); //獲取窗口索引

parent.layer.close(index);//關閉彈出的子頁面窗口

四、子頁面執行刷新父頁面

parent.location.reload(); // 父頁面刷新

五、父子頁面傳值

ayer.getChildFrame(selector, index) - 獲取iframe頁的DOM

(selector為iframe頁面的選擇器，用來選中iframe頁面的元素。Index為層的索引)。

六、success方法

在layer彈出層成功夠，會回調success方法，重寫該方法即可實現對子頁面的數據渲染。

Layer.open(

{

success:function(layero,

index){

Var body = layer.getChildFrame(“body”,index);//綁定父子之間的關系，用于數據傳遞，缺少則無法傳遞

var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe頁的窗口對象

//獲取子頁面的元素，進行數據渲染

}

})

七、子頁面渲染

在子頁面完成數據渲染

Layer.open(

{

success: function(layero, index){

Var body = layer.getChildFrame(“body”,index);//綁定父子之間的關系，用于數據傳遞，缺少則無法傳遞

var iframeWin = window[layero.find(‘iframe’)[0][‘name’]];//得到iframe頁的窗口對象

//調用子頁面的方法，將父頁面的值作為參數傳遞過去

iframeWin.method(pre);

}

})

總結

以上是生活随笔為你收集整理的layui父页面调用子页面的渲染_layui的iframe父子操作方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。