<script>
$(function() {
$("#win").window("close");
})
function mySon(){
$("#win").window("open");
$("#myIframe").attr("src","son.html")
}
//与子页面对应的方法
//当父页面接受到反馈再调用子页面方法
function father(){
myIframe.window.method();//myIframe是iframe的name;调用子页面的方法
}
</script>
<style>
#btn{
height: 50px;
width: 50px;
background-color: #6B9CDE;
padding: 10px;
}
</style>
<body>
<a id="btn" onclick="mySon()">点击</a>
<div id="win" collapsible="false" minimizable="false" resizable = "false"
maximizable="false" draggable="false" class="easyui-window" title="子页面"
style="overflow:hidden;width:500px;height:500px">
<iframe src="" frameborder="0" scrolling="auto" frameborder="none"
style="width:100%;height:100%" id="myIframe" name="myIframe"></iframe>
</div>
</body>
</html>
上面为父页面
<script>
//这里要做条件判断,首先判断子页面是否有父页面,第二判断父页面是否有方法
//当页面加载完成时调用此方法
//在此方法中对父页面进行反馈
function onloadMy(){
if(parent.window!=window){
if(typeof(parent.window.father())!="undefined"){
parent.window.father();//调用父页面的方法
}
}
}
function method(){
alert("子页面")
}
</script>
</head>
<body onload="onloadMy()">
<div style="height:200px;width:200px;background-color: #00B3AD;"></div>
</body>
</html>
此为子页面