layer的iframe用法整理
未知
2024-03-18 10:41:39
0
父页面：
<link rel="stylesheet" href="node_modules/layui-src/dist/css/layui.css">
<script src='node_modules/layui-src/dist/layui.js'></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function funFather(){
console.log('我是父页面的方法，我被调用了')
}
layer.open({
type: 2,
content: ['./son.html?id=222', 'no'],
btn: ['确定', '取消'],
yes: function (index, layero) {
/*$(layero).find("iframe").eq(0).contents();多个iframe层使用才使用eq ,
* 需要先找到iframe,才能得到iframe里面的其他元素来进行传值取值
*/
//获取子页面元素 -- $("iframe").contents().find("子页面id名")
var father = $(layero).find("iframe").contents();
//父页面向子页面传值
father.find('#wrap').text('hahahah')
},
success(layero,index){
//父页面调用子页面方法
$('iframe')[0].contentWindow.funSon()
},
})
</script>
子页面：
<body>
<div>今天是个好日子，心想的事儿都能成</div>
<script>
var index = parent.layer.getFrameIndex(window.name);//得到当前iframe的索引
parent.layer.msg('你好');
//子页面向父页面传值
parent.$('.layui-footer').text('我被改变了');
//子页面调用父页面方法
parent.funFather();
parent.layer.close(index);//关闭当前iframe页面
</script>
</body>
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 service@p2hp.com 进行投诉反馈，一经查实，立即处理!
上一篇：没有了
下一篇：没有了
相关内容
layer的iframe用法整理
layer的iframe用法整理