0

我对使用 window.open() 显示付款对话框的网站有疑问。

弹出窗口中的页面重定向到重定向回结果页面的不同域。在结果页面上,我尝试设置一个属性window.opener来表示付款正常。

这适用于某些用户。但是,其他用户会收到一条错误消息,指出window.opener未定义。

可以使用这些简单的页面重新创建问题:

index.html (打开弹出窗口)

<!DOCTYPE html>
<html lang="en">
<body>
    <input type="button" value="Popup" onclick="openPaymentWindow();" />

    <div id="result" style="background-color: silver;"/>

    <script type="text/javascript">
        function openPaymentWindow() {
            win = window.open('popup.html', 'popup');            
        }
    </script>    
</body>
</html>

popup.html (重定向到不同的域)

<!DOCTYPE html>
<html>
<body onload="document.forms[0].submit();">
    <form action="http://[other_domain]/payment.html">
    </form>
</body>
</html>

payment.html (重定向回原始域)

<!DOCTYPE html>
<html>
<body onload="document.forms[0].submit();">
    <form action="http://[original_domain]/result.html">
    </form>    
</body>
</html>

result.html (在索引页面上设置一个属性)

<!DOCTYPE html>
<html>
<body>
    <input type="button" value="Call top" onclick="callTop();" />

    <script type="text/javascript">
        function callTop() {
            // Here, window.opener (and top.opener) is undefined for some users
            window.opener.document.getElementById('result').style.background = 'green';
        }
    </script>  
</body>
</html>

由于并非所有用户都受到影响,我的猜测是它与一些安全设置有关。但我根本不知道在哪里可以找到它们 - 或者如何在我自己的电脑上复制错误。

4

1 回答 1

0

有一种方法可以实现您想要的,但它可能不是很干净。因此index.htmlresult.html并且在同一个域和脚本中index.html包含对弹出窗口对象的引用。这意味着如果您在windowobject in上设置了一些属性,result.html您将能够在 in 中的win变量上读取该属性index.html。唯一的问题是您不知道该属性的确切设置时间,因此您必须使用 setInterval 来检查它。

索引.html

function openPaymentWindow() {
    var win = window.open('popup.html', 'popup');

    var successPoller = setInterval(function() {
        try {
            if(typeof win.PAYMENT_SUCESS !== 'undefined' && win.PAYMENT_SUCESS) {
                document.getElementById('result').style.background = 'green';
                clearInterval(successPoller);
            }
        }
        catch (error) {
            // handle error
        }
    }, 500);
}

结果.html

 function callTop() {
      window.PAYMENT_SUCCESS = true;  
 }
于 2014-09-19T20:42:22.957 回答