.在父页面中查找 iframe 页面元素:
$("#iframe").contents().find("#id")
在 iframe 中查找父页面元素:
$("#id", parent.document)
在 iframe 中调用父页面中定义的方法和变量:
parent.method
parent.value
下面附上自己的一个小demo 是用的layui的layer实现父页面监听子页面submit按钮
父页面代码
layer.open({
type: 2,
area: ['650px', '500px'],
title:'用户审核',
skin: 'layui-layer-rim', //加上边框
content: ['NewExamine/', 'no'],
success:function(layero,index){
$(".layui-layer-content>iframe").contents().find("button[type='submit']").click(function(){
要执行的代码
})
}
});
子页面js
子页面ajax请求过来的参数判断状态并提示
$("button[type='submit']").click(function(){
var index = parent.layer.getFrameIndex(window.name); /*获取子窗口索引*/
$.ajax({
url: '__URL__/simplePerson_check',
type: "post",
timeout: 2000,
error: function() {
alert("接收数据失败!");
},
data: "xh=1",
//obj.curr代表当前页数,obj.limit代表当前每页的记录条数
success: function(result) {
if(result == 0) {
layer.msg('审核失敗', {
icon: 2
})
}
if(result == 1) {
parent.layer.msg('审核成功', {
icon: 6
})
parent.layer.close(index);
}
}
});
})