關於關閉子視窗後重新整理父視窗的問題
阿新 • • 發佈：2019-01-26
關鍵是在子視窗頁面的onunload事件中增加對父視窗的重新整理功能,其實只關子頁面的問題,測試通過;
<script language="javascript" type="text/javascript">
function reshow()
{
window.opener.location.reload();
}
</script>
頁面的onunload事件修改:
<body onUnload="javascrip:reshow();">
-----------------------------------------------------------------------
完成實驗例子程式碼如下:
父頁面:
-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>父視窗</title>
</head>
<script language="javascript" type="text/javascript">
var i=0;
function add()
{
i+=1;
document.getElementById("num").innerHTML=i;
}
</script>
<body>
<p><b>FUNCTION:關閉子視窗時自動重新整理父視窗</b></p>
<div id="num">記數變化0</div>
<input type="button" value="add" name="add" onClick="javascript:add();">
<br>
<a target="_blank" href="index2.htm">sub index2</a>
</body>
</html>
-----------------------------------------------------------------------
子頁面:
-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>子視窗</title>
</head>
<script language="javascript" type="text/javascript">
function reshow()
{
window.opener.location.reload();
}
</script>
<body onUnload="javascrip:reshow();">
子視窗關閉時重新整理父視窗
</body>
</html>
<script language="javascript" type="text/javascript">
function reshow()
{
window.opener.location.reload();
}
</script>
頁面的onunload事件修改:
<body onUnload="javascrip:reshow();">
-----------------------------------------------------------------------
完成實驗例子程式碼如下:
父頁面:
-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>父視窗</title>
</head>
<script language="javascript" type="text/javascript">
var i=0;
function add()
{
i+=1;
document.getElementById("num").innerHTML=i;
}
</script>
<body>
<p><b>FUNCTION:關閉子視窗時自動重新整理父視窗</b></p>
<div id="num">記數變化0</div>
<input type="button" value="add" name="add" onClick="javascript:add();">
<br>
<a target="_blank" href="index2.htm">sub index2</a>
</body>
</html>
-----------------------------------------------------------------------
子頁面:
-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>子視窗</title>
</head>
<script language="javascript" type="text/javascript">
function reshow()
{
window.opener.location.reload();
}
</script>
<body onUnload="javascrip:reshow();">
子視窗關閉時重新整理父視窗
</body>
</html>