<!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 id="LAY_app"></div>
<script src="./content/layui/rc/layui.js?t=201800202-1"></script>
<script>
layui.use('layer', function(){
var layer = layui.layer;
layer.open({
type: 2,
area: ['500px', '500px'],
fix: false, //不固定
maxmin: true,
shadeClose: true,
shade:0.4,
title: '这是title',
content: 'child.html', //url 为子布局的url路径
success:function (layero,index) {
var data = {from: 'parent', name: 'hufei', age: 12, gender: 1}
window[layero.find('iframe')[0]['name']].postMessage(data, '*');
}
});
})
window.addEventListener('message',function(event){
console.log(event.data)
})
</script>
</body>
</html>
2020-02-25
最新推荐文章于 2020-07-03 02:11:49 发布