JS打印页面 打印前隐藏打印按钮

最新推荐文章于 2025-07-17 09:11:09 发布
原创 最新推荐文章于 2025-07-17 09:11:09 发布 · 3.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用JavaScript实现网页打印功能的方法，通过隐藏打印按钮并调整页面内容来优化打印效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<script type="text/javascript">
            //打印
            function preview() {
                document.getElementById('printBtn').style.display="none";
                window.document.body.innerHTML = document.documentElement.innerHTML;
                window.print();
            };
</script>

pdf.js预览pdf文件实现边框下载、打印按钮隐藏、边框隐藏及出现的错误问题
m0_74141658的博客
06-13 1825
原因是viewer.mjs的原因，解析不出mjs文件脚本，这里直接将viewer.mjs的后缀改成了js文件，然后将viewer.html文件内的也改成.js后缀，这样就可以正常运行了。下载完成后，在项目的public文件下创建pdfjs文件夹，将解压后的web、build文件复制到pdfjs文件夹内。打开viewer.html文件，搜索id="download"或id="print"，然后再按钮上加隐藏属性。
js 进行打印控制 打印时隐藏按钮
07-04
js 进行打印控制 打印时隐藏按钮 js 进行打印控制 打印时隐藏按钮
js 打印 隐藏 打印按钮
grous的专栏
08-08 6755
function printPage() { $("#printImg").css("display","none"); window.print(); $("#printImg").css("display",""); return false; }
掌握JavaScript打印功能的多种实践方法
最新发布
weixin_33622085的博客
07-17 439
jquery.PrintArea.js是一款专为打印而设计的jQuery插件，它简化了打印区域的选取和打印过程。其核心功能包括：自定义打印区域：允许开发者指定页面中的特定部分进行打印，而无需打印整个页面。简化打印流程：提供简单的API来触发打印，无须过多的配置和编码。兼容性良好：支持多种浏览器，包括IE、Firefox、Chrome和Safari等。可定制的打印设置：允许开发者自定义打印时的页眉、页脚、边距和背景等选项。
js的window.print打印页面 不打印网页中的“打印”按钮
iilegend的博客
09-01 5476
设置样式来控制不打印“打印”按钮：<style type="text/css" media="print"> .noprint { display:none;} </style>然后把它应用到 “打印”按钮上：<input type="button" name="button" id="button" value="打印" class="noprint" />这样可以实现 在页面展示的时候有“打印”
打印时隐藏按钮---
u010145576的专栏
09-10 833
New   Page   2           @media   print   {      .buttonNoPrint      {      display:   none;      }      }                               buttonNoPrint"  value="打印预览看看，这个是不打印的"  oncl
隐藏打印按钮样式
iteye_14884的博客
02-11 201
@media print { input.printbtn { display: none; } } 打印时，可以隐藏打印按钮！！
pdf.js使用demo(已解决隐藏打印下载等按钮）
07-11
在这个“pdf.js 使用 demo（已解决隐藏打印下载等按钮）”中，我们主要关注的是如何定制 PDF.js 的行为，特别是如何去掉默认的打印、下载等按钮。这些功能虽然方便，但在某些情况下可能不希望用户直接访问，比如为了...
javascript 打印页面代码
10-30
首先，我们需要了解为什么要使用JavaScript打印页面。window.print()函数可以实现打印页面的效果，但是它有一个缺陷，就是不能够选择打印的内容。如果我们想要打印某个特定的区域，而不是整个页面，那么使用window....
JavaScript实现打印控制：隐藏按钮功能
`onbeforeprint` 函数在用户尝试打印页面之前被调用，这正是我们实现隐藏按钮的地方。在这个函数中，代码设置id为"span2"的HTML元素（可能是一个按钮）的样式为`display: none`，使其在打印前不可见。 `...
web打印时隐藏按钮及其他信息的方法讨论
chendehui4work的备忘录专栏（邮件地址：chendehui4work@163.com）
07-04 1558
web打印是困扰很多web开发人员的问题。有很多人提出了不同的web打印解决方案，还有很多的商业报表设计器来帮我们（需要付费的，我想很多人不想花这个钱），以前我也写过一篇关于web打印解决方案的文章：http://blog.youkuaiyun.com/precipitant/archive/2005/01/03/238259.aspx　　　本文不会讨论这个问题。如果大家对于web打印各种解决方案感兴
JS 前端打印功能--原生写法（分页处理、样式调整、隐藏打印滚动条）
词不达意难知的博客
05-29 1848
JS 前端打印功能--原生写法
打印需要的，隐藏不需要的
gundumw100的专栏
04-10 682
.noprint { display: none } 注意这里的media=print！！！ 这里是需要打印的 以下是不需要打印的
【Word技巧】打印部分内容或者隐藏不打印的内容，如何操作？
Chinland'Blog
06-09 4161
Word打印技巧：如何打印部分内容？如何隐藏内容不打印出来？
打印不显示打印按钮及获取其他属性
点子二木
04-28 559
今天弄了下打印相关的的内容，主要是为了打印页面内容的时候不想同时打印出“打印按钮”。 主要有五种方法（其中6为删除打印页眉页脚的例子）：   1、打印前将style隐藏，打印后再显示出来。该方法较简单，且可以写成一个共有的方法，推荐。   style.display="none"; window.print();//打印 style.display="";         ...
javascript 打印不显示按钮的方法
Nep_tune的博客
11-07 1372
&lt;style type="text/css"&gt; @media print {   .noprint{display:none;} } &lt;/style&gt;   &lt;div align="right" class="noprint"&gt; &lt;input type="button"  value="打印" onclick
页面调用window.print()打印以及隐藏打印按钮
温建平的博客
01-11 1466
页面调用window.print()打印以及隐藏打印按钮
关于js调用打印机接口 如何在页面中显示打印按钮 打印出来的单子隐藏按钮。
weixin_42213918的博客
07-25 1053
直接贴代码啦~ &lt;style media="print"&gt;        .none{display:none;height:0px;} &lt;/style&gt;  &lt;button class="none"&gt;打印&lt;/button&gt; 当然网上有很多关于调用打印机接口  隐藏部分内容的详细博文  此文仅供参考~...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值