Question

我有一个名为class =＆＃34; iframe＆＃34;的弹出式视图的链接。我计划在那些弹出窗口中设置一个表单，但我的问题是我需要关闭那些弹出后点击提交然后我的原始页面，或我的弹出背景将刷新它自己。我的剧本：

＆＃13;

<script src="<?php echo base_url(); ?>template/popup/jquery.colorbox.js"></script>
<script type="text/javascript">
var $ = jQuery.noConflict();
    $(document).ready(function(){
        //Examples of how to assign the Colorbox event to elements
        $(".iframe").colorbox({iframe:true, width:"50%", height:"78%"});

        //Example of preserving a JavaScript event for inline calls.
        $("#click").click(function(){ 
            $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
            return false;
        });
    });
</script>

＆＃13;

<a class='iframe' href="#">POP UP </a>

＆＃13;

Answer 1

使用window.open打开弹出窗口，并将其保存到变量中。该变量将指向该窗口对象。您可以稍后在此变量上调用.close。

var url = 'http://yourwebsite.com/subpage-within-your-website.html';
popup_window = window.open(url);
popup_window.close();

注意：由于Javascript对iframe的安全限制，这仅在属于同一域的网页上调用时才有效。我还写了一个jsFiddle，但看起来他们启用了沙箱，可以阻止iframe访问。

This page有一个有效的例子。 Source code

iframe在提交后关闭

1 个答案: