Javascript 动态加载的图像在打印预览后消失_Javascript_Printing

Javascript 动态加载的图像在打印预览后消失

javascript printing

Javascript 动态加载的图像在打印预览后消失,javascript,printing,Javascript,Printing,这是我的打印功能 function printContent() { var myWindow = window.open('', '', 'width=600,height=700') var headstr = "<html><head><title></title></head><body>"; var footstr = "</body>";

这是我的打印功能

 function printContent() {
        var myWindow = window.open('', '', 'width=600,height=700')
        var headstr = "<html><head><title></title></head><body>";
        var footstr = "</body>";
        var newstr = some text;
        myWindow.document.body.innerHTML = newstr;
        myWindow.print();
        myWindow.close();
}

函数printContent（）{
var myWindow=window.open（“”，’宽度=600，高度=700’）
var headstr=“”；
var footstr=“”；
var newstr=一些文本；
myWindow.document.body.innerHTML=newstr；
myWindow.print（）；
myWindow.close（）；
}

html:

我尝试只在页面上打印“文本”，而不是整个页面，但在预览后，动态加载到“images”div的图像将消失。我不能用更新面板解决这个问题。你知道吗？？谢谢

我尝试只在页面上打印“文本”，而不是整个页面

如果要从打印版本中取出页面的特定部分，请使用

@media print

CSS规则：

@media print {
    #images {
        display: none;
    }
}

使用图像作为其外部div的背景，而不是使用图像标记。希望这有帮助。请检查以下代码以供参考

.bg\u图像{
背景：url（'./images/dummy_image.png'）中心不重复；
背景大小：100%；
高度：100px；
宽度：100px；
浮动：左；
}

这不完全是我的问题。图像是否可以打印并不重要。打印后，图像从页面中消失。我想防止这种情况发生。我应该明确表示：您不应该使用javascript，而应该使用媒体规则。

@media print {
    #images {
        display: none;
    }
}