window.parent & window.opener

最新推荐文章于 2020-12-24 10:12:00 发布

gogiqp_jyh

最新推荐文章于 2020-12-24 10:12:00 发布

阅读量677

点赞数

分类专栏： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/gogiqp_jyh/article/details/17358897

版权

javascript 专栏收录该内容

52 篇文章

订阅专栏

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" οnclick='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)" οnclick="refreshParent()">刷新父窗口并关闭当前窗口</a>

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

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

后退+刷新
<input   type=button   value=后退   οnclick="window.history.go(-1);window.location.reload()">

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

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。