iframe

最新推荐文章于 2025-03-20 22:00:51 发布

mikibiubiu

最新推荐文章于 2025-03-20 22:00:51 发布

阅读量366

点赞数

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/mikibiubiu/article/details/104490226

版权

笔记专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>layuiCms - 单页面后台管理模板系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="./content/layui/rc/css/layui.css?t=201800202-1" media="all">
</head>
<body>
	<div>
		姓名： <span id="name"></span>
		age： <span id="age"></span>
		gender： <span id="gender"></span>
	</div>
    <script src="./content/layui/rc/layui.js?t=201800202-1"></script>
    <script>
	//监听子页面的postMessage
		function receiveMessage(event) {
			 console.log(event.data)//取得子页面传回来的值
			 document.getElementById('name').innerText = event.data.name
			 document.getElementById('age').innerText = event.data.age
			 document.getElementById('gender').innerText = event.data.gender
		 }
		 window.addEventListener('message', receiveMessage, false);
		 
		 var object = {from: 'child', a: 'child', b: '222'}
		 window.parent.postMessage(object,'*');
		 
    </script>

</body>
</html>