爲網站製作打印部分

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中加載打印預覽頁面。