为网站制作打印部分

Question

我为一个网站制作了发票系统，我希望能够打印发票（非网站图形），所以我设置了一个只有我想要的页面要打印，并在页面底部有一个按钮，表示现在打印，它就是这么做的。

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

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

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

那么有没有这样做，一个简单的方法的一种方式？

谢谢你的时间。

我刚刚意识到我可以把“window.print（）; return 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文件使用，但如果你想支持早期版本的IE（http://caniuse.com/#search=media）你最好与第一种方法去。

Answer 2

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

Answer 3

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

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