javascript - 脚本执行结束时关闭弹出窗口

Question

我有一个 php 页面来创建 Excel 文件并将其保存到文件夹中。我从用户单击按钮启动脚本的页面开始。我的目标是执行以下步骤:

1. 在另一个窗口中运行脚本(我现在使用一个小弹出窗口)；
2. 当脚本结束时，关闭弹出窗口，并在主窗口中显示一条警报，表明执行正常；
3. 警报关闭时刷新主窗口中显示的文件列表。

我知道如何做所有这些事情，但只有一个:当脚本在弹出窗口结束时如何触发任何事件(弹出窗口关闭和警报)？

我的弹出窗口的实际代码如下:

$('#elabora').click(function(e){
    e.preventDefault();
    var data = $('#data_rif').val();
    if (data=='') {
        $("#spnmsg").fadeTo(200,0.1,function(){
            $(this).removeClass().addClass('spn_error').html("Inserisci una data di riferimento per l'elaborazione").fadeTo(900,1);
        });
    }else{
        window.open('sofferenze/trxls.php?data='+data, "popupWindow", "width=10,height=10");
//here is where I want to trigger that when trxls.php ends the alert should be displayed.
    }
});

脚本(仅开头和结尾)

<?php
header('Cache-Control: max-age=1');
header ('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); // Date in the past
header ('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT'); // always modified
header ('Cache-Control: cache, must-revalidate'); // HTTP/1.1
header ('Pragma: public'); // HTTP/1.0
$cacheMethod = PHPExcel_CachedObjectStorageFactory::cache_to_sqlite3;
PHPExcel_Settings::setCacheStorageMethod($cacheMethod);
// Create a new PHPExcel object 
$ea = new PHPExcel();
...

$objWriter = PHPExcel_IOFactory::createWriter($ea, 'Excel2007');
ob_end_clean();
//$objWriter->save('php://output');
$objWriter->save('trackrecord/'.$data.'_trackrecord.xlsx"');
exit();
echo "<script>window.close();</script>";
?>

Answer 1

您尝试过onbeforeunload吗？

window.onbeforeunload = function (event) {
    // ...
}

编辑:只需将此事件添加到您打开的窗口中，如下所示:

$('#elabora').click(function(e){
    e.preventDefault();
    var data = $('#data_rif').val();
    if (data=='') {
        $("#spnmsg").fadeTo(200,0.1,function(){
            $(this).removeClass().addClass('spn_error').html("Inserisci una data di riferimento per l'elaborazione").fadeTo(900,1);
        });
    }else{
        var wndRef = window.open('sofferenze/trxls.php?data='+data, "popupWindow", "width=10,height=10");
        wndRef.onbeforeunload = function (event) {
              // Show your alert
        }
    }
});

编辑:您可以从脚本中关闭该窗口。事实上浏览器不允许关闭当前打开的窗口。您应该从调用者处调用 close 函数，但这里有一个小技巧可以关闭它，请使用此函数:

function close_popupWindow() {
    window.self.opener = window.self;
    window.self.close();
}