Question

这是我的问题我有一个实现window.print的代码，但问题是当我关闭窗口打印并返回到我的页面时，我的打印按钮不再工作。

$(function(){
    $('#button1').click(function()
        {
          $('head').append('<link rel="stylesheet" href="<?php echo base_url() ?>assets/weekly/style/weekly.css" type="text/css"/>');
           var printContents = document.getElementById('data').innerHTML;
           var originalContents = document.body.innerHTML;
           document.body.innerHTML = printContents;
           window.print();
           document.body.innerHTML = originalContents;
           //window.location = document.body.innerHTML;       
           //location.reload(); 
        });
     });

但是当我添加location.reload()（请参阅我评论）时，打印按钮再次起作用，但它加载的是先前的数据，而不是当前数据，这就是为什么我不想使用{{1} }。我的问题还有其他解决方案或方法吗？

Answer 1

你应该真的使用特定于打印的CSS样式表，但是如果你想以这种方式实现你的目标，那么这可能会更好：

$(function(){
    $('#button1').click(function(){
        $('head').append('<link rel="stylesheet" href="<?php echo base_url() ?>assets/weekly/style/weekly.css" type="text/css"/>');
         var printContents = $( $('#data').html() );
         var originalContents = $('body > *').hide();
         $('body').append( printContents );
         window.print();
         printContents.remove();
         originalContents.show();
      });
 });

使用＆＃39;数据＆＃39;的innerHTML创建一个新元素。元件。隐藏body标签的所有子项。将新元素附加到body标记。打印。删除新元素。再次显示原始内容。

这仍然有点混乱，但你不应该失去你的活动。

Answer 2

我修复了一个类似的问题，只需打开一个新窗口，其中只包含我想要打印的内容：

function printPage(htmlstring){

    var boiler  = "put any styling or js scripts here to make it look right";
        boiler += "<div id='print-page-content'>\n</div>\n";

    var PrintWindow = window.open("","newwin", height=600, width=800, toolbar=no, menubar=no");
    PrintWindow.document.write(boiler);
    $(PrintWindow.document).find("#print-page-content").append(htmlstring);
    $(PrintWindow).ready(function(){
        PrintWindow.print();
    });
}

然后通过以下方式调用它：

printPage(document.body.innerHTML);

Answer 3

非常感谢你们的所有答案和回复人员。我真的很感激。我只是想补充一下这个来自我朋友的回答。

首先在按钮上添加onlick =＆＃34; window.print（）＆＃34;

 <p><img src="images/printButton.gif" id="button1" width="100" height="75" onclick="window.print()"></p>

然后像这样添加css样式

<link href = 'css/print.css' rel = 'stylesheet' style = 'text/css'  MEDIA="print, handheld"/>

不要忘记MEDIA =＆＃34; print，掌上电脑＆＃34;

Window.print问题

3 个答案: