同一窗口中的window.print()与新窗口中的

时间:2019-07-01 02:15:57

标签: javascript jquery html

任何人都可以帮忙吗?

情况1:在同一窗口中打印。

var restorepage = $('body').html();
var printcontent = 
$('#ctl00_WebPartManager_BlankWP0_CanvasControl_Canvas').clone();

$('body').empty().html(printcontent);
window.print();
$('body').html(restorepage);

输出:这对我来说是完美的,唯一的事情是在我恢复原始控件后它们似乎不起作用。因此,我尝试使用新窗口打印相同的内容。

情况2:在新窗口中打印

    var w = window.open();
    var printcontent = $('#ctl00_WebPartManager_BlankWP0_CanvasControl_Canvas').clone();
    $(w.document.body).empty().html(printcontent);
    w.focus();
    w.print();
    w.close();

输出:图像重新对齐,甚至图像丢失。 我需要Case1 Output,但是需要在新窗口中,这样就不会修改原始窗口。 enter image description here

1 个答案:

答案 0 :(得分:0)

您需要使用所有css引用创建局部视图,然后在新窗口中克隆对象,或者您可以在同一页面中创建iFrame或对话框...