Window.opener使用方法

最新推荐文章于 2023-07-10 22:39:50 发布

gaoyusi4964238

最新推荐文章于 2023-07-10 22:39:50 发布

阅读量1.3k

点赞数

分类专栏： javascript 文章标签： button function

本文链接：https://blog.csdn.net/gaoyusi4964238/article/details/4379136

版权

javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

window.opener主要用于通过子页面操纵打开子页面的父页面。通过这种方法，子页面可以象操纵本页面一样操纵父页面。

通过Windows.opener可以获取父页面对象，接下来就可以象操纵本页面一样操纵父页面。这里重点列出几个特殊的方法：

window.opener.location.reload()：该方法可以在子页面中刷新父页面。

window.opener.close()：该方法在子页面中关闭父页面。

window.opener.document.operator：该方法就是子页面操纵父页面的方法，其中operator就是和本页面一样的具体操纵。Eg:

window.opener.document.getElementById('testValue').value='111111' //在子页面中给id为testValue的元素赋值。

具体举例如下：

父页面opner.html

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>opner</title> <mce:script type="text/javascript"></mce:script> </head> <body> <input type="button" value="open" οnclick="window.open('child.html','childTest')" /> <br> <input type="text" id="testValue" name="testValue" value="123" readonly /> <br> <input type="button" value="testChild" οnclick="testChild()"> </body> </html> 子页面child.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>childTest</title> </head> <body> <mce:script type="text/javascript"></mce:script> <input type="button" id="refreshParent" value="refreshParent" οnclick="refreshParent()"> <br> <input type="button" value="closeparent" οnclick="closeparent()"> </body> </html>

该例实现在子页面child.html中关闭，从新加载父页面opener.html，同时为新页面相应元素赋值，注意父页面中文本框的变化。

gaoyusi4964238

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Window.opener使用方法

window.opener主要用于通过子页面操纵打开子页面的父页面。通过这种方法，子页面可以象操纵本页面一样操纵父页面。通过Windows.opener可以获取父页面对象，接下来就可以象操纵本页面一样操纵父页面。这里重点列出几个特殊的方法：window.opener.location.reload()：该方法可以在子页面中刷新父页面。window.opener.close()：
复制链接

扫一扫