javascript:window.print()打印2页,而我有1页

javascript:window.print()打印2页,而我有1页,javascript,css,printing,Javascript,Css,Printing,我有一个简单的HTML文档,其中只包含一个图像标签。 我想在加载文档后打印图像。 我的代码: 它可以工作,但问题是它同时打印图像(网页)和另一张纸,这张纸是空的,上面只有一个文本,给出图像地址和html标题。如何防止打印多余的纸张 附言:我使用了jquery插件,如PrintElement.js、jqPrint.js等,但它们也有同样的问题…将图像缩小一点,并用边距将其居中 <img src="form1.jpg" width="90%" style="margin:auto;"/&g

我有一个简单的HTML文档,其中只包含一个图像标签。 我想在加载文档后打印图像。 我的代码:


它可以工作,但问题是它同时打印图像(网页)和另一张纸,这张纸是空的,上面只有一个文本,给出图像地址和html标题。如何防止打印多余的纸张


附言:我使用了jquery插件,如PrintElement.js、jqPrint.js等,但它们也有同样的问题…

将图像缩小一点,并用边距将其居中

<img src="form1.jpg" width="90%" style="margin:auto;"/>

您可以通过js制作一个iframe标记,并在其上放置图像,然后仅打印iframe

我希望它能起作用

<iframe id="iframeprint" style="display:none"></iframe>
仅打印iframe

document.getElementById('iframeprint').contentWindow.print() ; 

您可以使用CSS控制打印的图像大小等-使用
@media print


为图像指定一个
最大宽度

这样,您就可以控制图像在页面上的呈现方式。例如:

@media print { 
    body img {
       width: 90%; max-width: 1048px; 
    } 
}

您可以使用CSS控制图像大小等进行打印-使用
@media print{/*此处的打印条件.*/}
如何通过“@media print”选项删除第二张纸?为图像指定
最大宽度
。这样,您就可以控制图像在页面上的呈现方式。示例:
@media print{body img{width:90%;max width:1048px;}}
成功了,非常感谢karthikr太棒了。。这是一个供将来参考的答案:)图像完全在第一页内,第二页与图像无关,我猜。。。第二篇文章只包含html文件地址,如files:///C:/Users/.../index.html
document.getElementById('iframeprint').contentWindow.print() ; 
@media print { 
    body img {
       width: 90%; max-width: 1048px; 
    } 
}