刷新从子窗口的父窗口在JavaScript

我已经看过了一段时间，并不能找到一个适合我的需要的答案。我有一个页面弹出一个窗口（window.open），登录用户（创建一个cookie，设置会话），然后重定向到另一个页面。当模式重定向时，我想刷新父页面，所以我刚做的所有好东西都会被父页面识别。我试过window.opener和类似的东西。有人能帮我一点吗？谢谢刷新从子窗口的父窗口在JavaScript

来源

2010-09-21 Isaac Levin

您的意思是“刷新从孩子的javascript父”？我喜欢来自新墨西哥州的青辣椒，但我不知道在这种情况下辣椒是什么。 – 2010-09-21 16:23:19

window.parent是不是？ 'window.parent.frames [0]'或类似的https://developer.mozilla.org/en/DOM – 2010-09-21 16:23:51

window.opener通常是你要在子窗口上调用的东西。你可以用你的脚本显示你的脚本来打开这个新窗口吗？ – 2010-09-21 16:25:35

window.opener在弹出窗口中会提到window对象的开启窗口，所以当然你应该可以调用window.opener.location.reload();。只要你不触犯Same Origin Policy的运行，在弹出的窗口中可以调用脚本和操作父窗口对象就像家长可以代码的属性。

这里有一个live example证明孩子叫回功能父，也可以直接操纵父母。下面引用了完整的代码。

但是这个例子并没有做正是你说的话，所以我done this one as well，其中有孩子通过window.opener.location.reload()刷新父页面。第一个活生生的例子的

父代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>Parent Window</title> 
<!--[if IE]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
<style> 
    article, aside, figure, footer, header, hgroup, 
    menu, nav, section { display: block; } 
</style> 
</head> 
<body> 
    <input type='button' id='btnOpen' value='Open Window'> 
    <div id='display'></div> 
</body> 
<script type='text/javascript'> 
    (function() { 
    var btnOpen = document.getElementById('btnOpen'); 
    btnOpen.onclick = btnOpenClick; 

    function btnOpenClick() { 
     window.open('http://jsbin.com/ehupo4/2'); 
    } 

    // Make the callback function available on our 
    // `window` object. I'm doing this explicitly 
    // here because I prefer to export any globals 
    // I'm going to create explicitly, but if you 
    // just declare a function in a script block 
    // and *not* inside another function, that will 
    // automatically become a property of `window` 
    window.callback = childCallback; 
    function childCallback() { 
     document.getElementById('display').innerHTML = 
      'Got callback from child window at ' + new Date(); 
    } 
    })(); 
</script> 
</html>

（你不有正如我上面做了使用范围界定功能，但要保持你的全局变量包含的是有用的。）

第一个实例的子代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>Child Window</title> 
<!--[if IE]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
<style> 
    article, aside, figure, footer, header, hgroup, 
    menu, nav, section { display: block; } 
</style> 
</head> 
<body> 
    <p>I'm the child window</p> 
</body> 
<script type='text/javascript'> 
    if (window.opener) { 
    // Call the provided callback 
    window.opener.callback(); 

    // Do something directly 
    var p = window.opener.document.createElement('p'); 
    p.innerHTML = "I was added by the child directly."; 
    window.opener.document.body.appendChild(p); 
    } 
</script> 
</html>

来源

2010-09-21 16:24:26