javascript - 从隐藏的 iframe 打印页面

Question

我在隐藏要打印的页面时遇到问题。

当我点击输入按钮时:

<input type="submit" id="print" name="print">

这将执行以下操作:

$(function(){
   $('#print').click(function(){
       if($('#bills_ID').val()==''){popUpMessage(Error);}
       else { window.open('Bills/BillsPrint.php?bills_ID='+$('#bills_ID').val(), '_blank') } 
   }); 
});

并打印页面。此时我不想在打印时打开此页面 Bills/BillsPrint.php。我只是希望打印而不显示页面。

我如何使用隐藏的 iram 来尝试这个

Answer 1

指定隐藏的iframe，如下所示:

<iframe src="" style="display: none" id="myPrintView"></iframe>

并按如下方式使用 jQuery:

$('#print').click(function(e) {
    e.preventDefault();

    if($('#bills_ID').val()=='')
    {
        popUpMessage(Error);
    }
    else
    { 
        $('#myPrintView').attr('src', 'Bills/BillsPrint.php?bills_ID='+$('#bills_ID').val()); 
        $('#myPrintView').get(0).contentWindow.print();
    } 
}); 

您可以看到正在运行的jsFiddle here .