提交後關閉iframe

Question

我有一個鏈接，稱爲彈出視圖名爲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>

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

Answer 1

使用window.open打開彈出式窗口，並將其保存到一個變量。這個變量將指向那個窗口對象。你可以稍後在這個變量上調用.close。

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

注：由於對I幀JavaScript的安全限制，這隻會工作，如果叫上屬於同一個域的頁面。我也寫了一個jsFiddle，但它似乎已經啓用了沙盒，從而阻止了iframe的訪問。

This page有一個工作示例。 Source code。

Answer 2

查找到PostMessages

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

您應該能夠從您的父頁面調度的消息。你的窗口應該可以在收到消息後自動關閉。 （這也可以跨域使用）