javascript - 如何使用javascript关闭重新加载页面上的iframe窗口

Question

我有一个 PHP 网站。我的情况是我有一个结帐页面，我需要在 iframe 窗口中单击提交按钮以进行付款流程。完成付款过程后，我需要关闭 iframe 窗口并重定向到成功页面。但 iframe 没有关闭，页面重定向到 iframe。

代码如下:

<form><input type="button" name="payfort" value="Continue" onclick="CreditPay();" id="payfort" class="payfort" /></form>

<script type="text/javascript">
        function CreditPay() {                

                    var pop = document.getElementById('popup-win');
                    pop.style.display = 'block';
                    document.getElementById('overlay').className = 'show';
                    document.getElementById('payfortForm').submit();
                    return false;
           }</script>

下面的代码是在 iframe 中打开的:

<div class="popup-win" id="popup-win" style="display: none;">
    <div class="popup-header">
    </div>
    <div class="popup-subtitle">
        Transaction Value:<span class='currency-txt'>AED&nbsp; 17.00</span>
    </div>
    <iframe id="ifrmPAYFORT" name="ifrmPAYFORT" style="width: 100%; height: 450px"></iframe></div>

<div class="overlay" id="overlay"></div>
    <form METHOD="post" ACTION="http://localhost/phppayfort/success.php" id="payfortForm" name="payfortForm" target="ifrmPAYFORT">

        <input type="hidden" name="service_command" value="<?php echo $requestParams['service_command'] ?>">
        <input type="hidden" name="language" value="<?php echo $requestParams['language'] ?>">
        <input type="hidden" name="merchant_identifier" value="<?php echo $requestParams['merchant_identifier'] ?>">
        <input type="hidden" name="access_code" value="<?php echo $requestParams['access_code'] ?>">
        <input type="hidden" name="signature" value="<?php echo $signature ?>">
        <input type="hidden" name="return_url" value="<?php echo $requestParams['return_url'] ?>">
        <input type="hidden" name="merchant_reference" value="<?php echo $requestParams['merchant_reference'] ?>">
    </form>

那么，有什么方法可以关闭重新加载页面上的 iframe 窗口吗？

非常感谢您的建议。

Answer 1

您可以为您的 iframe 设置一个类，例如:

<iframe class="myiframe"></iframe>

并使用一些 JS，当提交表单时，更新 class="myiframe"并添加 'display: none;'。

对于重定向，你可以使用 href.location

如何隐藏您的 iframe:

iframeToHide = document.getElementsByClassName("myiframe");
iframeToHide.style.display = "none";

如何重定向:

window.location = "http://www.yoururl.com";

请注意，这是一个 JS 解决方案，用 PHP 我不知道你是否能够解决这个问题。

干杯!