1
<script language="JavaScript">
2
<!--
3
function cd()
4

{
5
win=window.open("son.htm","win","width=200,height=200");
6
}
7
//-->
8
</script>
9
<input type="button" value="子页面" onclick="cd();">
10
<p>
11
<input type="text" name="">
son.htm页面
<script language="JavaScript">2
<!--3
function cd()4


{5
win=window.open("son.htm","win","width=200,height=200");6
}7
//-->8
</script>9
<input type="button" value="子页面" onclick="cd();">10
<p>11
<input type="text" name=""> 1
<title>子页面</title>
2
<script language="JavaScript">
3
<!--
4
function reflesh()
5

{
6
7
8
window.opener.opener=null;window.opener.location.reload(); //实现父窗体刷新
9
// window.opener.opener=null;window.opener.navigate('parent.htm'); //实现父窗体重新加载
10
}
11
//-->
12
</script>
13
<input type="button" value="刷新" onclick="reflesh();">
<title>子页面</title>2
<script language="JavaScript">3
<!--4
function reflesh()5


{6

7

8
window.opener.opener=null;window.opener.location.reload(); //实现父窗体刷新9
// window.opener.opener=null;window.opener.navigate('parent.htm'); //实现父窗体重新加载10
}11
//-->12
</script>13
<input type="button" value="刷新" onclick="reflesh();">
博客展示了使用JavaScript实现父子页面交互的代码。在parent.htm页面通过按钮点击打开son.htm子页面,在son.htm子页面中,点击按钮可实现父窗体的刷新或重新加载,体现了JavaScript在页面交互中的应用。
359

被折叠的 条评论
为什么被折叠?



