web打印，去掉页眉页脚

最新推荐文章于 2020-12-06 15:29:13 发布
最新推荐文章于 2020-12-06 15:29:13 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： 技术类 文章标签： web class button input border webbrowser
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wslyy99/article/details/2077062
版权

<html>  
  <head>  
  <meta   name=vs_targetSchema   content="http://schemas.microsoft.com/intellisense/ie5">  
  <title>web打印，去掉页眉页脚</title>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <!--media=print   这个属性可以在打印时有效-->  
  <style   media=print>  
  .Noprint{display:none;}  
  .PageNext{page-break-after:   always;}  
  </style>  
   <script language="JavaScript">
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="//Software//Microsoft//Internet Explorer//PageSetup//";
//设置网页打印的页眉页脚为空
function PageSetup_Null()
{
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){}
}
//设置网页打印的页眉页脚为默认值
function PageSetup_Default()
{
try
{
var Wsh=new ActiveXObject("WScript.Shell");
HKEY_Key="header";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");
HKEY_Key="footer";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
}
catch(e){}
}
</script>

  <style>  
  .tdp  
  {  
          border-bottom:   1   solid   #000000;  
          border-left:     1   solid   #000000;  
          border-right:     0   solid   #ffffff;  
          border-top:   0   solid   #ffffff;  
  }  
  .tabp  
  {  
          border-color:   #000000   #000000   #000000   #000000;  
          border-style:   solid;  
          border-top-width:   2px;  
          border-right-width:   2px;  
          border-bottom-width:   1px;  
          border-left-width:   1px;  
  }  
  .NOPRINT   {  
  font-family:   "宋体";  
  font-size:   9pt;  
  }  
   
  </style>  
   
  </head>  
   
  <body>  
  <center   class="Noprint"   >  
      <p>  
      <OBJECT     id=WebBrowser     classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2     height=0     width=0>  
      </OBJECT>  
      <input     type=button     value=打印                     οnclick=document.all.WebBrowser.ExecWB(6,1)>  
      <input     type=button     value=直接打印     οnclick=document.all.WebBrowser.ExecWB(6,6)>  
      <input     type=button     value=页面设置     οnclick=document.all.WebBrowser.ExecWB(8,1)>  
  </p>  
      <p>         <input     type=button     value=打印预览     οnclick=document.all.WebBrowser.ExecWB(7,1)>  
          <br/>  
          </p>  
      <hr   align="center"   width="90%"   size="1"   noshade>  
  </center>  
   
  <table   width="90%"   border="0"   align="center"   cellpadding="2"   cellspacing="0"     class="tabp">  
  <tr>  
  <td   colspan="3"   class="tdp">第1页</td>  
          </tr>  
  <tr>  
      <td   width="29%"   class="tdp">&nbsp;</td>  
      <td   width="28%"   class="tdp">&nbsp;</td>  
              <td   width="43%"   class="tdp">&nbsp;</td>  
      </tr>  
  <tr>  
      <td   colspan="3"   class="tdp">&nbsp;</td>  
      </tr>  
  <tr>  
      <td   colspan="3"   class="tdp"><table   width="100%"     border="0"   cellspacing="0"   cellpadding="0">  
                  <tr>  
                      <td   width="50%"   class="tdp"><p>这样的报表</p>  
                      <p>对一般的要求就够了。</p></td>  
                      <td>&nbsp;</td>  
                  </tr>  
              </table></td>  
      </tr>  
  </table>  
  <hr   align="center"   width="90%"   size="1"   noshade   class="NOPRINT"   >  
  <!--分页-->  
  <div   class="PageNext"></div>  
  <table   width="90%"   border="0"   align="center"   cellpadding="2"   cellspacing="0"     class="tabp">  
      <tr>  
          <td   class="tdp">第2页</td>  
      </tr>  
      <tr>  
          <td   class="tdp">看到分页了吧</td>  
      </tr>  
      <tr>  
          <td   class="tdp">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   class="tdp">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   class="tdp"><table   width="100%"     border="0"   cellspacing="0"   cellpadding="0">  
                  <tr>  
                      <td   width="50%"   class="tdp"><p>这样的报表</p>  
                              <p>对一般的要求就够了。</p></td>  
                      <td>&nbsp;</td>  
                  </tr>  
          </table></td>  
      </tr>  
  </table> 
 
<input type="button" value="清空页码" οnclick=PageSetup_Null()>
<input type="button" value="恢复页码" οnclick=PageSetup_Default()>
  
  </body>  
  </html>
 

给力地板油
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
web打印去掉页眉页脚
刘育文
01-24 3622
1.直接在IE中进行设置 点击菜单->文件->页面设置，在弹出的窗口中把页眉页脚清空 2.注册表设置 在注册表中，进入 HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup,把Header和footer两项的值清空 3.使用客户端JavaScript脚本实现 脚本代码如下：
WEB打印大全
行云流水
07-22 1627
1、控制"纵打"、 横打”和“页面的边距。 （1） function SetPrintSettings() { 　// -- advanced features 　factory.printing.SetMarginMeasure(2) // measure margins in inches 　factory.SetPageRange(false, 1, 3) // need
网页打印去掉页眉页脚，以及控制不需要打印的内容
05-15
网页打印去掉页眉页脚，以及控制不需要打印的内容。源代码
打印时去除页眉和页脚
weixin_30832351的博客
01-31 232
<style media="print"> @page { size: auto; margin: 0mm; } </style> 　　 转载于:https://www.cnblogs.com/rockyan/p/8393917.html
打印html并去掉页眉页脚
热门推荐
。。
06-21 1万+
win10下测试ie11,chrome,firefox,edge 都可以成功去掉页眉页脚<!DOCTYPE html> <html><head> <title>print</title> <meta charset="utf-8"> <style media="print"> @page { size: auto; margin: 0m
web打印去掉页眉页脚，以及不想打印出的页面元素
03-06
在网页打印过程中，有时我们可能需要去除不必要的页眉、页脚以及特定的页面元素，以获得更整洁的打印效果。本文将深入探讨如何通过CSS和JavaScript实现这一目标，以优化Web打印体验。 首先，理解CSS媒体查询是关键...
js实现打印并去除页眉页脚功能
12-13
JS 实现打印并去除页眉页脚功能是通过修改注册表来实现的，该功能可以在 Web 打印功能中应用。下面对该功能的实现进行详细的知识点总结： 一、注册表修改 在实现打印并去除页眉页脚功能时，需要修改注册表中的设置...
Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件
10-11
5.页眉页脚，去除浏览默认，自定义内容、样式、位置 6.保持页脚在页面底部，而非紧接正文内容 7.保持原文CSS样式 8.便捷自定义设置工具条 9.调用、语法简单，便捷 更过详细技术难点、解决思路、实现过程讲解，及...
scriptx smsxweb打印去页眉 页脚
04-04
总结来说，"scriptx smsxweb打印去页眉 页脚"涉及的技术主要是使用ScriptX和SMSXWeb这两个工具来控制Web打印，通过它们提供的API和方法，我们可以精细调整打印设置，包括去除通常由浏览器自动添加的页眉和页脚。...
web打印去掉页眉和页脚
yezi523的专栏
10-21 868
利用第三方的控件或者报表软件来实现web打印    实现过程：第三方控件将打印的参数和方法封装成对象，在页面中可以方便的直接调用，例如ScriptX.cab，eprint.cab 都是这种类型的控件。可以直接用代码实现web打印页眉页脚的设置，web打印纸张的绑定，web打印边距的设置，web打印预览，直接web打印。    web打印格式设置，web打印分页，web打印换页重新打印某些信息，
利用WebBrowser彻底解决Web打印问题（包括后台打印）
07-29
【利用WebBrowser彻底解决Web打印问题（包括后台打印） 】利用WebBrowser彻底解决Web打印问题（包括后台打印）BS架构下的打印大家是怎么解决的呢，我最近作了一个项目正好负责这一块，不仅要求打印页面的特定部分，还要求有后台的批量打印，在网上查了一些资料，最后终于解决了。抱着“取之于众 服务于众”的思想，我总结了一下，把它拿到网上来与大家分享，希望能帮助遇到类似问题的朋友。我主要使用了IE内置的WebBrowser控件，无需用户下载和安装。WebBrowser有很多功能，除打印外的其他功能就不再赘述了，你所能用到的打印功能也几乎全部可以靠它完成，下面的问题就是如何使用它了。先说显示后打印，后面说后台打印。1．首先引入一个WebBrowser在需要打印的页面，可以直接添加：到页面，或者使用JavaScript在需要的时候临时添加也可以：document.body.insertAdjacentHTML("beforeEnd","");2 .页面设置和打印预览如下所示，直接调用即可document.all.WebBrowser.ExecWB(6,6) 直接打印document.all.WebBrowser.ExecWB(8,1) 页面设置document.all.WebBrowser.ExecWB(7,1) 打印预览或者：execScript("document.all.WebBrowser.ExecWB 7, 1","VBScript");3 隐藏不打印的页面元素和分页CSS 有个Media 属性，可以分开设置打印和显示的格式。如 … 中间的格式将只在打印时起作用，不会影响显示界面。所以可以设定.Noprint{display:none;}.PageNext{page-break-after: always;}然后给不想打印的页面元素添加： class="Noprint" ，那就不会出现在打印和打印预览中了。想分页的地方添加： 就可以了。4．打印页面的特定部分我是通过将需要打印的特定部分另建一个页面，然后装入主页面的一个IFrame中，再调用IFrame的打印方法，只打印IFrame中的内容实现的。如：下面的pringFrame js函数将只打印Iframe中的内容，可以直接引用使用,如printFrame(FrameId);window.print = printFrame;// main stufffunction printFrame(frame, onfinish) {if ( !frame ) frame = window;function execOnFinish() {switch ( typeof(onfinish) ) {case "string": execScript(onfinish); break;case "function": onfinish();}if ( focused && !focused.disabled ) focused.focus();}if (( frame.document.readyState !== "complete") &&( !frame.document.confirm("The document to print is not downloaded yet! Continue with printing?") )){execOnFinish();return;}var eventScope = printGetEventScope(frame);var focused = document.activeElement;window.printHelper = function() {execScript("on error resume next: printWB.ExecWB 6, 1", "VBScript");printFireEvent(frame, eventScope, "onafterprint");printWB.outerHTML = "";execOnFinish();window.printHelper = null;}document.body.insertAdjacentHTML("beforeEnd","");printFireEvent(frame, eventScope, "onbeforeprint");frame.focus();window.printHelper = printHelper;setTimeout("window.printHelper()", 0);}// helpersfunction printIsNativeSupport() {var agent = window.navigator.userAgent;var i = agent.indexOf("MSIE ")+5;return parseInt(agent.substr(i)) >= 5 && agent.indexOf("5.0b1") < 0;}function printFireEvent(frame, obj, name) {var handler = obj[name];switch ( typeof(handler) ) {case "string": frame.execScript(handler); break;case "function": handler();}}function printGetEventScope(frame) {var frameset = frame.document.all.tags("FRAMESET");if ( frameset.length ) return frameset[0];return frame.document.body;}Iframe中所装载页面的打印效果在所装载页面设置就可以了，如分页等。5．后台打印我是通过建一个隐藏Iframe实现的，当然仍然会有页面装载的过程。下面的函数创建Iframe装载页面并打印。如 printHidden(url) //url为页面地址function printHidden(url) {document.body.insertAdjacentHTML("beforeEnd","");var doc = printHiddenFrame.document;doc.open();doc.write("");doc.write("");doc.write("");doc.close();}function onprintHiddenFrame() {function onfinish() {printHiddenFrame.outerHTML = "";if ( window.onprintcomplete ) window.onprintcomplete();}printFrame(printHiddenFrame.printMe, onfinish);}它用到了printFrame，所以别忘了引用前面的函数。总之，WebBroswer已经为我们提供了解决方案，我们只要结合需求把它应用好就行了。
web打印，巧妙实现隐藏不想打印的页面元素,以及页眉和页脚
chendehui4work的备忘录专栏（邮件地址：chendehui4work@163.com）
07-04 2084
web打印去掉页眉页脚，以及不想打印出的页面元素function printpr() //预览函数{document.all("qingkongyema").click();//打印之前去掉页眉，页脚document.all("dayinDiv").style.display="none"; //打印之前先隐藏不想打印输出的元素（此例中隐藏“打印”和“打印预览”两个按钮）var OLECMDI
Javascript打印文件去除页眉页脚
李博/Alex的技术海洋
03-30 161
 var hkey_root,hkey_path,hkey_key;     hkey_root="HKEY_CURRENT_USER";     hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";         //网页打印时清空页眉页脚     function pageset...
无页眉页脚的网页打印
weixin_30258901的博客
01-23 63
<html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <title>无页眉页脚的网页打印</title> </head> <body> testpageprint<br&g...
web添加打印按钮去除头尾和链接_web前端入门到实战：在CSS中解决内容过长的问题...
weixin_39982580的博客
12-06 158
当我们写css的时候，有时候会忘记设计里面存在的临界情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作，但至少我们可以用不同类型的内容来测试，以减少这种情况的发生。在这篇文章里，我们通过审查真实网站的各种的UI问题来解释这些网站可能会崩溃的原因。准备好了么？来吧！一个右侧/左侧有小图标的按钮...
网页打印设置+自带的打印预览+去掉打印时的页眉页脚+屏蔽打印
魔拉宝
08-19 6797
具体使用手册，更多信息，点这里 ======================== 自带的打印预览 WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口 Web.ExecWB(4,1) 保存网页 Web.ExecWB(6,1) 打印 Web.ExecWB(7,1) 打印预览 Web.ExecWB(8,1) 打印页面设置 Web.ExecWB(10,1) 查看页面属性 Web.ExecWB(15,1)
取消web浏览器 打印页眉和页脚
云之蓝的博客
07-14 4933
近期碰到了一个关于 打印插件 jquery.print.js 页眉、页脚的设置问题 在网上搜索了很多资料 发现这个插件的配置方法很少基本上都是用的js 的方法来取消，照着上面说的试了很久还是没有效果，后来换了种思路 找到了一段 通过 css 来取消 页眉、页脚 //此段就可以消除页眉页脚<style type="text/css" media="print"> @page {
vue打印去掉页眉页脚
最新发布
06-08
在Vue中，可以使用CSS的`@media print`媒体查询来隐藏页眉和页脚。以下是一种实现方法： ```css @media print { ...在Vue中，可以将上述CSS代码添加到全局样式表或组件样式中，以便在打印时隐藏页眉和页脚。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值