window.parent & window.opener

window.parent & window.opener

window.parent针对frame

父页面:

<html>
<head><title>父页面</title></head>
<body>
<form name="form1" id="form1">

<input type="text" name="username" id="username"/>

</form>
<iframe src="b1.html" width=100%></iframe>
</body>
</html>

子页面:

<script type="text/javascript">
function change(){
var _parentWin = window.parent ;
_parentWin.form1.username.value = "来自子窗口 的参数" ; }
</script>
<input type ="button" onclick='change()'>click</input>

 

 

window.opener针对的是打开子窗口 的父窗口

注释:只有表示顶层窗口的 Window 对象的 operner 属性才有效,表示框架的 Window 对象的 operner 属性无效。

父页面:

<script type="text/javascript">
function openSubWin()
{
var _width = 300 ;
var _height = 200 ;
var _left = (screen.width - _width) / 2 ;
var _top = (screen.height - _height) / 2 ;
window.open("b2.html",null,
"height=" + _height + ",width=" + _width + ",status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=" + _left + ",top=" + _top);
}
</script>
<form name="form1">
<input type="text" name="username" id="username"/>
<input type="button" value="弹出子页面" onClick="openSubWin();">
</form>

 

子页面:

<script type="text/javascript">
function UpdateParent()
{
var _parentWin = window.opener ;
_parentWin.form1.username.value = "来自子窗口 的参数" ;
}
</script>
<input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();">

 

 

ps:以下刷新父窗口并关闭当前窗口

<script language="JavaScript" type="text/javascript">  function refreshParent() {     window.opener.location.href = window.opener.location.href;     if (window.opener.progressWindow)     {         window.opener.progressWindow.close();     }     window.close(); } </script>  <a href="javascript:void(0)" onclick="refreshParent()">刷新父窗口并关闭当前窗口</a>

 

 

javascript:history.go()和History.back()

 

<input   type=button   value=刷新   onclick="window.location.reload()"> 
  <input   type=button   value=前进   onclick="window.history.go(1)"> 
  <input   type=button   value=后退   onclick="window.history.go(-1)"> 
  <input   type=button   value=前进   onclick="window.history.forward()"> 
  <input   type=button   value=后退   onclick="window.history.back()">
 
后退+刷新
<input   type=button   value=后退   onclick="window.history.go(-1);window.location.reload()">

 

history.back()是回上一页
i=1
history.go(i)去指定的某页
如果是history.go(0)那就是刷新

你可能感兴趣的:(window.parent & window.opener)