web打印时屏蔽标题、URL、页码,以及页面最下角的时间,文件名信息

最新推荐文章于 2023-06-20 16:33:55 发布
最新推荐文章于 2023-06-20 16:33:55 发布
阅读量5k 收藏 2
点赞数
分类专栏： ASP.NET 文章标签： url web div webbrowser button class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stromboy007/article/details/5497355
版权

对于web打印，总和显示页的标题，并且会自动出现页面和显示这个页面的URL，这样让人看着很烦。最近刚好要求做一个打印的功能，在网上找到了资料终于实现了，闲话不多说，具体看下面代码
样式控制不打印部分隐藏
隐藏不打印区域样式
<style> 
  @media   print{ 
  .noprint{display:none} 
  } 
  </style>
<script type="text/javascript">
//打印预览
function fn01()
{
 try
 {
 var Wsh=new ActiveXObject("WScript.Shell");
 HKEY_Key="header";
 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
 HKEY_Key="footer";
 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
 }
 catch(e){}
 document.getElementById("div1").style.display="none";
 document.all.WebBrowser.ExecWB(7,1);
 document.getElementById("div1").style.display="block";
}
//打印
function fn02()
{
 try
 {
 var Wsh=new ActiveXObject("WScript.Shell");
 HKEY_Key="header";
 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
 HKEY_Key="footer";
 Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
 }
 catch(e){}
 document.getElementById("div1").style.display="none";
 document.all.WebBrowser.ExecWB(6,1);
 document.getElementById("div1").style.display="block";
}

<body>
<OBJECT   id=WebBrowser   classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2   height=0   width=0></OBJECT>
<div id="sp1" class="noprint">这里填写打印内容1</div>
<%--<div id="Div2"  class="noprint">这里填写打印内容2</div>
<div id="Div3"  class="noprint">这里填写打印内容3</div>
<div id="Div4"  class="noprint">这里填写打印内容4</div>
<div id="Div5"  class="noprint">这里填写打印内容5</div>
<div id="Div6">这里填写打印内容6</div>--%>
<div id="div1">
  <input   type=button   value=打印           οnclick=fn02()>   
  <input   type=button   value=页面设置   οnclick=document.all.WebBrowser.ExecWB(8,1)>                     
  <input   type=button   value=打印预览   οnclick=fn01()>
</div>


但页面第一次显示直接点击打印时还是会出现标题、URL等信息，需在页面设置中去掉标题、页面等信息即可

stromboy007
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js页面打印并去掉上方日期和下方网页地址
第245万个博主
10-17 4328
/*这里主要是去除页眉和页脚*/ <style type="text/css"> @page{ margin-top: 1mm; margin-bottom: 1mm; } </style> /*调用浏览器的打印方法*/ <script language="javascript"> ...
html打印进度条不显示,LODOP打印URL显示和隐藏进度条
weixin_39973410的博客
06-16 661
不建议使用ADD_PRINT_URL:由于Lodop借用IE下载引擎，与非IE浏览器之间目前不能传递Session(Cookies)，所以需要安全验证的页面不要用URL方式打印，要用页面已经下载好的内容的HTM方式打印，也就是ADD_PRINT_HTM或ADD_PRINT_TABLE等语句另外URL方式需要二次访问服务器，理论上存在下载失败的可能，所以专业的管理系统尽量不要用URL方式。URL方式...
web打印去掉url地址
deluo7944的博客
01-08 1075
<script language="javascript" type="text/javascript"> function UserPrint() { bdhtml=window.document.body.innerHtml; var headstr = "<html>&l...
jQuery.print.js去掉不显示页眉页脚网址标题当前时间
小熊猫
06-20 1664
jQuery.print默认打印时总是打印出来网址，title，当前时间，影响外观。通过样式和设置自动去掉页眉页脚。
html 打印时隐藏,html 打印相关操作与实现详解
weixin_39746282的博客
06-03 714
原理为调用 window.print() 方法，但是该方法只能对当前页面全部打印，所以有了以下方案来解决局部打印1: 利用 iframe 将需要打印的元素和样式注入 再调用打印// 示例代码function print () {let ifElement = document.getElementById('ifId')const addHtmlPrint = () => {const co...
网页默认打印：fixed布局的内容会在每页打印，遮挡其他内容
zhaohanqq的博客
03-30 2722
使用浏览器默认的打印功能，头部固定的导航条每页都打印并且遮住了正文部分，解决办法，给头部导航条设置如下样式 <Header class="noprint" /> <style lang="less" scoped> .noprint{ @media print { display : none } } </style> 或者...
Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件
10-11
Web打印控件，完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂，封边 3.table并行、并列双边、重边 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化 5.页眉页脚，去除浏览...
基于Javascript的WEB打印与PDF生成工具设计源码
最新发布
06-01
本源码是基于Javascript开发的WEB打印与PDF生成工具，包含51个文件，其中包括9个.bat文件，9个.js文件，7个....它支持预览、WEB打印、页码/目录、自定义页眉页脚等功能，且前后端皆可生成PDF，提供命令行PDF生成工具。
页面URL提取器 simon页面URL一键提取器 v1.0
11-10
**页面URL提取器Simon简介** 页面URL提取器Simon是一款高效且用户友好的工具，专为IT专业人士和网页数据采集者设计。它简化了从多个网页中提取URL的过程，通过正则表达式支持，使得定制化的URL提取变得轻而易举。这...
Web开发-Lodop打印控件实践
11-27
支持自定义页眉和页脚，可以添加时间、页码等信息；支持多联打印，对于收据、发票这类需要多份副本的场景非常实用。此外，Lodop还能实现预览、打印队列管理、网络打印等功能，满足了各种复杂的打印需求。 在实际...
JS 实现web分页打印功能
11-09
在Web开发中，有时我们需要为用户提供打印功能，以便他们可以将网页内容输出到纸质媒介上。JavaScript（简称JS）作为浏览器端的主要脚本语言，提供了这样的能力。本篇将详细介绍如何利用JS的`Window`对象的`print()`...
打印网页去掉不相关信息
仰望星空
03-16 5243
前言： 在网页上的资料，想打印下来，但是打印的时候，旁边的导航栏很杂，这里是一些可能的方法 1.全屏显示然后打印 之前csdn上面的内容是可以全屏显示，然后打印出来的是没有侧边栏的 2，将网页保存为html文档， 然后用word打开，一般这样就够了 3. 将网页保存为html文档，然后用记事本打开，删除源码里面的一些元素，根据经验，这个应该可以直接在浏览器中操作，然后直接使用浏览器的打印操作即可...
设置网页打印的时候,如何让指定区域不打印
Byte_Dance的博客
03-24 2736
@media print { div{display:none} } &lt;p&gt;三生三世&lt;/p&gt; &lt;div class="s"&gt; &lt;button id="1"&gt;打印按钮&lt;/button&gt; &lt;/div&gt;
vue项目中页面打印插件（去除页眉页脚）
单眼皮的小熊
03-22 2542
正常 print() 浏览器会带页眉和页脚，包含日期、页码、页面title、当前url，这些信息往往不适合打印出来，所以需要去掉。 插件 vue-easy-print 样式调整 @page{ size: auto A4 landscape; margin: 3mm; } 同时，打印多页的情况下，在当前内容的盒子上加padding，每个页面情况不一样，padding的值也不固定，需要尝试 .agreeCon { background: #fff;
js 去掉浏览器打印默认的页头页尾和打印背景图片
yuzenan的博客
05-16 2209
<!DOCTYPE html> <html> <head> <title>print</title> <meta charset="utf-8"> <style media="print"> @page { size: auto; ...
html打印页面不要网页地址,打印网页时去掉标题、页码、网页地址方法
weixin_35717696的博客
06-03 2340
ie的文件-〉页面设置-〉将里面的页眉和页脚里面的东西都去掉，打印就不出来了方法二： New Document dim hkey_root,hkey_path,hkey_key hkey_root="HKEY_CURRENT_USER" hkey_path="\Software\Microsoft\Internet Explorer\PageSetup" '//设置网页打印的...
vue-print-nb的使用与常见问题
tang31415926的博客
10-20 7498
vue-print-nb的使用；出现空白页；设置页眉页脚
vue3 打印功能实现
tongzhe1236的博客
08-16 6586
vue3 打印功能实现
html分页打印。web打印控件,完美解决页面排版、结构复杂,内容、图片、表格跨页断
05-12
HTML分页打印是指在网页打印时进行页面分页处理，将网页内容按照一页一页逐个打印出来。但是，在打印结构复杂、内容丰富的网页时会出现诸如表格跨页、图片内容断裂等问题，这些都会影响打印效果，降低用户体验。 为了解决这些问题，一些Web打印控件应运而生。这些控件能够完美解决网页排版，保证内容完整、图片不受影响，表格跨页也不会出现问题。同时，这些控件还能够提供一些打印控制选项，如缩放、页码、页眉页脚等，增强了网页打印的灵活性和可控性。这些控件可以是内置在浏览器中的，也可以是通过插件安装到浏览器中的。 Web打印控件在企业办公应用中十分常见。比如在公文打印、报告打印等场景下，使用Web打印控件可以保证打印效果的完美呈现，提高工作效率，避免出现因排版问题而浪费时间的情况。因此，Web打印控件在提高用户体验、提高工作效率等方面有着重要作用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值