如何仅打印包含在 php 代码中的 html，例如打印收据答案

【问题标题】：How to print only html contain in php code like printing receipt如何仅打印包含在 php 代码中的 html，例如打印收据
【发布时间】：2016-08-22 12:53:31
【问题描述】：

我想打印我的表格数据onclick。我使用以下 JavaScript 代码：

<input type="button" name="print" id="print" value="Print" onclick="myFunction()"/>

<script>
myFunction()
{
window.print();
}
</script>

但代码会打印整个网页。
我想像打印收据一样只打印我的桌子怎么办？

【问题讨论】：

【解决方案1】：

解决方案是使用打印 CSS 样式。在您现有的 CSS 样式表中，添加以下部分。

@media print {

}

在@media 块内隐藏您不想在打印时显示的所有内容。像这样，

@media print {
    .classTOHide {
        display: none;
    }
}

@media print 表示仅在打印页面时应用的 CSS 样式。

您还可以使用link 标签的media 属性附加整个样式表以在打印时使用。像这样，

<link rel="stylesheet" type="text/css" media="print" href="styles.css">

【讨论】：

【解决方案2】：

我使用 JavaScript 完成了这件事，非常简单

<td align="center" colspan="2">
       <input type="button" name="print" id="print" value="Print" onclick="myFunction()"/>
    </td>

在脚本标签中：-

<script>
function myFunction() 
{
    document.form1.print.hidden="true";
    window.print();

}
</script>

它会显示页眉和页脚，但是当浏览器显示打印预览选项时取消选中页眉页脚

【讨论】：