php - 在完整网页中打印网页

标签 php javascript jquery

当我想打印我的网页时,它会打印完整的网页。 有没有打印网页的选项。 现在我正在处理发票报表。

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

有没有那么请告诉我这怎么可能?

此代码打印整页

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

但我只需要在该页面上打印发票详细信息。

谢谢。

最佳答案

向您的页面添加额外的样式表,并使用媒体元素:

<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,以确保当您选择的非打印元素消失时,元素不会移动。

关于php - 在完整网页中打印网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17585220/

相关文章:

php - 如何强制浏览器在history.back()之后重新请求页面

php - 在数据库中记录用户 ID 而不是 IP 地址

javascript - 正确结合 javascript 和 php

javascript - 如何通过 JavaScript 使用简单的 REST API

javascript - 我应该在哪里定义我的 Javascript 闭包?

javascript - 带有搜索按钮的jquery下拉框

php - 在 php Rest api 中从数据库获取评级数据到 JSON 数组

javascript - 命令参数未运行我的其余代码

javascript - 尝试使用 jquery 过滤非悬停元素

jquery - 我创建了一个响应式设计,它运行良好,但搜索字段隐藏在焦点上