在完整網頁中打印出網頁

Question

當我要打印網頁時，它將打印完整的網頁。 是否有任何選項可以打印出網頁。 現在，我正在處理發票對帳單。

它打印所有頁面，例如菜單，注銷，打印以及我的網頁中將自動打印的其他任何頁面。 但是我只想打印發票詳細信息，例如公司名稱，徽標，地址，發票表，便箋和簽名。

有沒有話告訴我這怎么可能？

此代碼打印整頁

<script language="JavaScript"> 
if (window.print) {
 document.write('<form><input type=button name=print value="Print"     onClick="window.print()"></form>');
}
</script>

但是我只需要在該頁面上打印發票詳細信息。

謝謝。

Answer 1

在頁面上添加一個額外的樣式表，並使用media元素：

<link rel='stylesheet' media='screen,print' href='css/standardstylesheet.css'>

<!-- print stylesheet -->
<link rel='stylesheet' media='print' href='css/printStyles.css'>

在打印樣式表中，為不想打印的元素添加選擇器，並將其設置為display:none ：

#myMenu, #myNavBar, #someOtherElement {
    display:none;  /* Opacity:0; might work too. */
}

您可能需要調整CSS，以確保所選的不打印元素消失后元素不會四處移動。