现在打印一个网站的部分

Question

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

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

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

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

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

感谢您的时间。

我刚刚意识到我可以把“window.print（）;返回false;”在我的HTML的body标签的“onload”部分，然后我可以删除按钮，一切都很好。

Answer 1

您需要使用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;
}

您可以执行大量其他操作，以使您的页面更具可打印性。 Here's a good article about it

或者你可以在主CSS文件中使用print CSS media query，但是如果你想支持早期版本的IE（http://caniuse.com/#search=media），你最好采用第一种方法。

Answer 2

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

Answer 3

我刚刚意识到我可以把“window.print（）;返回false;”在我的HTML的body标签的“onload”部分，然后我可以删除按钮，一切都很好。

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