从隐藏的iframe打印页面

时间:2013-02-11 10:23:22

标签: javascript jquery

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

当我点击输入按钮时:

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

我如何通过使用隐藏的ifram

来尝试这个

1 个答案:

答案 0 :(得分:2)

像这样指定隐藏的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