javascript - javascript:window.print() 在我有 1 页时打印 2 页

Question

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

<body>    
    <img id="form1" src="form1.jpg" alt="form1" style="margin: 0 auto;display:block;" onLoad="javascript:window.print()" />
</body>

它可以工作，但问题是它同时打印图像（网页）和另一张空纸，顶部只有一个文本，它给出了图像的地址和 html 标题。如何防止打印多余的纸张？

PS：我使用了 jquery 插件，如 PrintElement.js、jqPrint.js 等，但它们有同样的问题......

score 4 · Accepted Answer

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

给图像一个max-width.

这样，您可以控制图像在页面上的呈现方式。例子：

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

score 1 · Accepted Answer

1

稍微缩小图像并以边距居中。

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

于 2013-02-02T13:04:50.650 回答

score 0 · Accepted Answer

您可以通过js制作一个iframe标签并将图像放在上面然后只打印iframe。

我希望它有效

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

也许你需要这个 js 代码

访问 iframe 内部

document.getElementById('iframeprint').contentWindow.document.body.innerHTML=document.getElementById('form1');

仅打印 iframe

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

3 回答 3