1.1打开了parent.html页面

1.2在parent页面打开了child页面

1.3child页面点击确定按钮之后刷新了父页面parent

html按钮点击刷新本页面整顿关于html子页面刷新父页面的功效解释 Bootstrap

2 parent.html内容:

<!DOCTYPE html>

<html>

<head>

<title>parents</title>

<meta charset=\"大众UTF-8\公众>

<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 通过这样的操作很随意马虎在子页面操作父页面所有的方法,觉得很方便,整理一下供大家参考。

欢迎关注我的头条号,感激大家!