javascript - 打印 HTML 文档的特定部分

标签 javascript html printing

我知道这个问题已经被问过,但我正在使用不同的简短方法。

我的网页中有用于打印发票的打印按钮

<button class="print" onclick="window.print()">Print</button>

问题是它打印整个文档,包括 print按钮 他们有什么办法可以排除 print文档中的打印按钮

查看此链接:https://www.thoughtco.com/how-to-add-a-print-button-4072006

最佳答案

我只需添加

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

在页面的我的头部部分


print.css如下

body {visibility:hidden;}

.print {visibility:visible;}


我们还必须分配 class="print" to 到我们要打印的 html 元素

感谢@Clay

关于javascript - 打印 HTML 文档的特定部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52208497/

相关文章:

java - 使用 Apache POI 库将工作表调整到 xlsx 文件中的单个页面时出现问题

javascript - javascript中取消打印功能后如何重新加载脚本?

javascript - 保持文本框同步隐藏和显示

javascript - 如果 URL 哈希发生变化,页面是否会显示不同的内容?

css - 使用 HTML、CSS、Jquery 在单击 div 时启用禁用的按钮?

python - Django POST 请求参数在views.py 中不返回任何内容

javascript - LokiJS 不允许插入 Json 数据

javascript - 仅在第一次请求后发送后无法设置 header

javascript - 选择更改时更改 SQL 语句

java - 使用递归打印递增和递减的数字