使用 Javascript 突破 iframe

Question

编辑（改写）：网站已加载在 iframe 中，但 iframe 中有 1 个链接，我想在用户点击时将其带出 iframe ，回到 iframe 下方的主窗口。

我找到了

top.location.href = 'page.htm';

，但我不知道如何将其输入到这个“复杂”代码中。

这是我认为应该在的文件：

{literal}

$(document).ready( function() {

    $('#payment_paypal_express_checkout').click(function() {
        $('#paypal_payment_form').submit();
        return false;
    });

    $('#paypal_payment_form').live('submit', function() {
        var nb = $('#quantity_wanted').val();
        var id = $('#idCombination').val();

        $('#paypal_payment_form input[name=quantity]').val(nb);
        $('#paypal_payment_form input[name=id_p_attr]').val(id);
    });

    function displayExpressCheckoutShortcut() {
        var id_product = $('input[name="id_product"]').val();
        var id_product_attribute = $('input[name="id_product_attribute"]').val();

        $.ajax({
            type: "GET",
            url: baseDir+'/modules/paypal/express_checkout/ajax.php',
            data: { get_qty: "1", id_product: id_product, id_product_attribute: id_product_attribute },
            cache: false,
            success: function(result) {
                if (result == '1') {
                    $('#container_express_checkout').slideDown();
                } else {
                    $('#container_express_checkout').slideUp();
                }
                return true;
            }
        });
    }

    $('select[name^="group_"]').change(function () {
        displayExpressCheckoutShortcut();
    });

    $('.color_pick').click(function () {
        displayExpressCheckoutShortcut();
    });

    {/literal}
    {if isset($paypal_authorization)}
    {literal}

        /* 1.5 One page checkout*/
        var qty = $('.qty-field.cart_quantity_input').val();
        $('.qty-field.cart_quantity_input').after(qty);
        $('.qty-field.cart_quantity_input, .cart_total_bar, .cart_quantity_delete, #cart_voucher *').remove();

        var br = $('.cart > a').prev();
        br.prev().remove();
        br.remove();
        $('.cart.ui-content > a').remove();

        var gift_fieldset = $('#gift_div').prev();
        var gift_title = gift_fieldset.prev();
        $('#gift_div, #gift_mobile_div').remove();
        gift_fieldset.remove();
        gift_title.remove();

    {/literal}
    {/if}
    {if isset($paypal_confirmation)}
    {literal}

        $('#container_express_checkout').hide();

        $('#cgv').live('click', function() {
            if ($('#cgv:checked').length != 0)
                $(location).attr('href', '{/literal}{$paypal_confirmation}{literal}');
        });

        // old jQuery compatibility
        $('#cgv').click(function() {
            if ($('#cgv:checked').length != 0)
                $(location).attr('href', '{/literal}{$paypal_confirmation}{literal}');
        });

    {/literal}
    {else if isset($paypal_order_opc)}
    {literal}

        $('#cgv').live('click', function() {
            if ($('#cgv:checked').length != 0)
                checkOrder();
        });

        // old jQuery compatibility
        $('#cgv').click(function() {
            if ($('#cgv:checked').length != 0)
                checkOrder();
        });

    {/literal}
    {/if}
    {literal}

    var modulePath = 'modules/paypal';
    var subFolder = '/integral_evolution';
    var fullPath = baseDir + modulePath + subFolder;
    var confirmTimer = false;

    if ($('form[target="hss_iframe"]').length == 0) {
        if ($('select[name^="group_"]').length > 0)
            displayExpressCheckoutShortcut();
        return false;
    } else {
        checkOrder();
    }

    function checkOrder() {
        confirmTimer = setInterval(getOrdersCount, 1000);
    }

    {/literal}{if isset($id_cart)}{literal}
    function getOrdersCount() {
        $.get(
            fullPath + '/confirm.php',
            { id_cart: '{/literal}{$id_cart}{literal}' },
            function (data) {
                if ((typeof(data) != 'undefined') && (data > 0)) {
                    clearInterval(confirmTimer);
                    window.location.replace(fullPath + '/submit.php?id_cart={/literal}{$id_cart}{literal}');
                    $('p.payment_module, p.cart_navigation').hide();
                }
            }
        );
    }
    {/literal}{/if}{literal}
});

{/literal}

编辑： 也找到了 HTML 的某些部分，认为在那里很容易做到，但实际上似乎不起作用。也许是因为 void(0)？

<a href="javascript:void(0)" target="_top" onclick="$('#paypal_payment_form').submit();" id="paypal_process_payment" mod='paypal'}">

也许这里有人可以帮助我。提前致谢！

最好， 戴夫

Answer 1

这是一些 JavaScript，如果网站正在被“iframed”，则会将用户从 iframe 重定向到网站：

<script>if (top !== self) top.location.href = self.location.href;</script>

Answer 2

---

我没有看到您表单的部分代码，但由于您使用的是 submit()，您可以将表单的目标设置为 _top：

<form target="_top" action="yoururl.php" id="paypal_payment_form">

然后一旦你使用提交，它会打破框架并继续到新的页面。

<a href="#" onclick="$('#paypal_payment_form').submit();" id="paypal_process_payment" mod='paypal'>