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。我只是希望它打印而不显示页面。

我怎样才能通过使用隐藏的 ifra 来尝试这个

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。