首页 前端知识 jquery layer打开一个跨域弹窗,在子页面关闭父页面

jquery layer打开一个跨域弹窗,在子页面关闭父页面

2024-03-07 08:03:47 前端知识 前端哥 706 708 我要收藏

业务场景:

父页面需要打开一个跨域的子页面,子页面在执行完某个业务操作后关闭子页面(关闭在父页面打开的弹窗);

父页面js

//父页面js
function Update_datavalue(){
layer.open({
type: 2,
area: ['100%', '100%'],
fix: true,
shade:false,
offset: ['10px', '0px'],
btn: ['关闭'],
title: false,
content: '你的跨域请求URL'
});
}
//用于监听子页面回传的消息
window.addEventListener('message', receiveMessage, false)
//接收到子页面回传消息后关闭当期页面弹窗
function receiveMessage(event) {
const msg = JSON.parse(event.data)
layer.close(layer.index);
console.log(msg, '----->>>')
}
//子页面js
function ceshi(){
window.parent.postMessage(JSON.stringify({
type: 'yes',
ctx: '我收到您发送的消息了!'
}), '*')
}
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3416.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery对象操作

2024-04-01 10:04:46

jQuery 事件

2024-04-01 10:04:28

jQuery实现二级菜单

2024-04-01 10:04:16

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!