iframe在提交后关闭

时间:2015-08-27 03:08:37

标签: javascript html popup

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



<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;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

使用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