父页面 导入 layer.js 或者 layui.all.js,导入后就能正常显示在父窗口页面区域。
1.显示在顶层窗口
top.layer.open({
type: 2,
area: ['98%', '95%'],
title:'人工客服',
content: url,
btn:['关闭']
});
2.显示在父窗口
parent.layer.open({
type: 2,
area: ['98%', '95%'],
title:'人工客服',
content: url,
btn:['关闭']
});
top和parent是浏览器的内置对象,top表示最顶层容器,parent表示父容器,这样一来就是实现了iframe控制父页面或者顶层页面的弹窗效果了。
引用:https://blog.csdn.net/yjb7268888/article/details/53390466