接触到layui了,涉及到 iframe 父子页面相互传值,特此记录笔记:
1.父界面向子页面传值
当父页面打开子页面
function show_layer(){
layer.open({
type: 2,
area: ['700px', '500px'],
shadeClose: true,
shade:0.1,
title: '',
content: 'xxx.html',
success:function (layero,index) {
var iframe = window['layui-layer-iframe' + index];
iframe.child('我是父布局传到子布局的值')
}
});
}
子页面接收父页面传来的值
function child(obj){
console.log(obj);//获取父界面的传值
}
2.子页面向父页面传值
当子页面传值(回调)父页面
parent.GetValue('我是子界面的数值'); //GetValue是父界面的Js 方法
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
父页面接收子页面传来的值
function GetValue(obj){
console.log(obj);
}
这篇博客详细记录了使用layui框架在iframe中实现父子页面间数据传递的方法。包括父页面如何向子页面传值,通过`success`回调设置`child`函数接收;以及子页面如何调用父页面的`GetValue`方法回传值,并关闭当前iframe窗口。内容涵盖了关键的JavaScript代码示例,是理解和应用layui iframe通信的实用参考资料。
4826

被折叠的 条评论
为什么被折叠?



