Question

当我想打印我的网页时，它会打印完整的网页。是否有打印网页的选项。现在我正在为Invoice Statements工作。

打印所有页面，如菜单，注销，打印以及其他任何可自动打印的网页。但我想只打印发票详细信息，如公司名称，徽标，地址，发票表，便笺和签名。

是否可以告诉我它是如何可能的？

此代码打印整页

<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以确保在所选的无打印元素消失时元素不会移动。

在完整的网页中打印网页

1 个答案: