在完整网页中打印出网页

Print off web page in a full web page

本文关键字：网页 打印      更新时间：2023-09-26

当我想打印我的网页时，它会打印完整的网页。有没有打印网页的选项。现在我在为发票对账单工作。

它打印所有类似页面的菜单、注销、打印，以及我网页中其他将自动打印的内容。但我只想打印发票的详细信息，如公司名称、徽标、地址、发票表、备注和签名。

有没有告诉我这是怎么可能的？

此代码打印整页

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

但我只需要在那一页打印发票详细信息。

谢谢。

在页面中添加一个额外的样式表，并使用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，以确保当您选择的无打印元素消失时，元素不会四处移动。

相关文章：