1.1打开了parent.html页面
1.2在parent页面打开了child页面
1.3child页面点击确定按钮之后刷新了父页面parent
2 parent.html内容:
<!DOCTYPE html>
<html>
<head>
<title>parents</title>
<script language=\"大众javascript\"大众 type=\"大众text/javascript\"大众>
function openWin() {
window.open('child.html', '_blank','width=500,height=400,top=200,left=400');
}
//定义callback方法,用于回调
function callback() {
refreshWin();
}
//刷新当前页面
function refreshWin() {
//调用刷新页面的方法,刷新当前页面,结果会再次弹出222
window.location.reload();
}
//刚记载的时候弹出222
function show(){
alert(222);
}
</script>
</head>
<body onload=\公众show()\"大众>
<input id=\公众btnAdd\"大众 type=\"大众button\公众 onclick=\公众openWin();\"大众 value=\"大众添加\"大众 />
</body>
</html>
3 child.html内容:
<!DOCTYPE html>
<html>
<head>
<title>child</title>
<meta charset=\"大众UTF-8\"大众>
<script language=\公众javascript\"大众 type=\"大众text/javascript\公众>
function formSubmit(){
window.opener.callback();//上述实行完成后,调用打开页面的callback方法,此处是调用主页面的callback方法
window.close();//当前页面关闭
}
</script>
</head>
<body>
<input id=\"大众onSub\公众 type=\"大众button\公众 onclick=\公众formSubmit();\"大众 value=\"大众确定\"大众>
</body>
</html>
4 通过这样的操作很随意马虎在子页面操作父页面所有的方法,觉得很方便,整理一下供大家参考。
欢迎关注我的头条号,感激大家!