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

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

2024-03-07 08:03:47 前端知识 前端哥 681 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
标签
评论
发布的文章

JQuery对象操作

2024-04-01 10:04:46

jQuery 事件

2024-04-01 10:04:28

jQuery实现二级菜单

2024-04-01 10:04:16

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