2

我已经为一个网站制作了一个发票系统，我希望能够只打印发票（非网站图形），所以我设置了一个页面，其中只有我想要打印的内容和底部的按钮说现在打印的页面，它会按照它说的去做。

问题是打印的页面上仍然明显有打印按钮。我想知道是否有一种方法可以让我拥有一个打印按钮，但能够在打印时摆脱该按钮？

这是我正在使用打印页面的代码：

<form>
    <input type="button" value=" Print this page" 
        onclick="window.print();return false;" />
</form>

那么有没有办法做到这一点，一个简单的方法？

谢谢你的时间。

我刚刚意识到我可以把“window.print();return false;” 在我的 HTML 正文标记的“onload”部分，然后我可以删除按钮，一切都很好。

4

3 回答 3

3

您需要使用 CSS 来定位打印媒体：

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

添加一些方法来定位您的打印按钮

<input type="button" value=" Print this page" class="button-print" onclick="window.print();return false;" />

并print.css隐藏你的按钮

.button-print {
    display:none;
}

你可以做很多其他的事情来让你的页面更容易打印。这是一篇关于它的好文章

或者，您可以在主 CSS 文件中使用打印 CSS 媒体查询，但如果您想支持早期版本的 IE ( http://caniuse.com/#search=media )，您最好使用第一种方法。

于 2012-10-17T16:18:40.057 回答
2

使用 css @media 打印。请参阅 css 媒体类型http://www.w3schools.com/css/css_mediatypes.asp。

于 2012-10-17T16:18:21.067 回答
-1

我刚刚意识到我可以把“window.print();return false;” 在我的 HTML 正文标记的“onload”部分，然后我可以删除按钮，一切都很好。

现在，当我单击上一页上的打印链接时，这会在 chrome 中加载打印预览页面。

于 2012-10-17T16:18:37.320 回答