打印大全，Web中打印终极秘籍

最新推荐文章于 2024-09-11 23:16:45 发布
最新推荐文章于 2024-09-11 23:16:45 发布
阅读量835 收藏
点赞数
分类专栏： ASP.NET 文章标签： web button class input function javascript

 <!--语言无关   保存成   .HTML   看看-->  
  <html>  
  <head>  
  <meta   name=vs_targetSchema   content="http://schemas.microsoft.com/intellisense/ie5">  
  <title>看看</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>  
   
  <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">　</td>  
        <td   width="28%"   class="tdp">　</td>  
              <td   width="43%"   class="tdp">　</td>  
      </tr>  
    <tr>  
        <td   colspan="3"   class="tdp">　</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>　</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">　</td>  
      </tr>  
      <tr>  
          <td   class="tdp">　</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>　</td>  
                  </tr>  
          </table></td>  
      </tr>  
  </table>  
  </body>  
  </html>  
    使用这段代码来打印挺好的。

    这个更好:  
  <html>  
  <head>  
  <meta   name=vs_targetSchema   content="http://schemas.microsoft.com/intellisense/ie5">  
  <title>***上海市眼病防治中心病人结帐费用报表***</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>  
  <style>  
  body,td,th    
  {  
  font-size:   12px;  
  }  
  .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;  
   
  border-collapse:collapse;  
  }  
  .NOPRINT   {  
  font-family:   "宋体";  
  font-size:   12px;  
  }  
   
  </style>  
   
  </head>  
   
  <body   >  
      <OBJECT     id=WebBrowser     classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2     height=0     width=0   VIEWASTEXT>  
      </OBJECT>  
  <input   type=button   value=打印           οnclick="document.all.WebBrowser.ExecWB(6,1)"   class="NOPRINT">  
  <input   type=button   value=直接打印   οnclick="document.all.WebBrowser.ExecWB(6,6)"   class="NOPRINT">  
  <input   type=button   value=页面设置   οnclick="document.all.WebBrowser.ExecWB(8,1)"   class="NOPRINT">  
  <input   type=button   value=打印预览   οnclick="document.all.WebBrowser.ExecWB(7,1)"   class="NOPRINT">  
      <br/>  
  <table   width="90%"   border="0"   align="center"   cellpadding="0"   cellspacing="0">  
      <tr   align="center">    
          <td   colspan="5"><font   size="3">上海市眼病防治中心病人结帐费用报表（A）   </font></td>  
      </tr>  
      <tr>    
          <td>汇总人次   5</td>  
          <td>费用合计   15853.12</td>  
          <td>统计日期   </td>  
          <td>制表人   023</td>  
          <td>制表日期：2004-05-13</td>  
      </tr>  
  </table>  
     
   
   
  <table   width="90%"   border="1"   align="center"   cellpadding="2"   cellspacing="0"   bordercolor="#000000"     class="tabp">  
      <tr>    
          <td       >姓名</td>  
          <td       >住院号</td>  
          <td       >科室</td>  
          <td       >结帐日期</td>  
          <td       >出院日期</td>  
          <td       >费用合计</td>  
          <td       >医保交易费用</td>  
          <td       >分类给付费用</td>  
          <td       >非医保交易费</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
   
      </tr>  
      <tr>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
   
      </tr>  
  </table>  
  <hr   align="center"   width="90%"   size="1"   noshade   class="NOPRINT"   >  
  <!--分页-->  
  <div   class="PageNext"></div>  
  <table   width="90%"   border="1"   align="center"   cellpadding="2"   cellspacing="0"   bordercolor="#000000"     class="tabp">  
      <tr>  
          <td   >第2页</td>  
      </tr>  
      <tr>  
          <td   >看到分页了吧</td>  
      </tr>  
      <tr>  
          <td   >&nbsp;</td>  
      </tr>  
      <tr>  
          <td   >&nbsp;</td>  
      </tr>  
      <tr>  
          <td   ><table   width="100%"     border="0"   cellspacing="0"   cellpadding="0">  
                  <tr>  
                      <td   width="50%"   >这样的报表  
                              对一般的要求就够了。</td>  
                      <td>&nbsp;</td>  
                  </tr>  
          </table></td>  
      </tr>  
  </table>  
  </body>  
  </html>  

1、控制"纵打"、   横打”和“页面的边距。    
  （1）<script   defer>    
  function   SetPrintSettings()   {    
  　//   --   advanced   features    
  　factory.printing.SetMarginMeasure(2)   //   measure   margins   in   inches    
  　factory.SetPageRange(false,   1,   3)   //   need   pages   from   1   to   3    
  　factory.printing.printer   =   "HP   DeskJet   870C"    
  　factory.printing.copies   =   2    
  　factory.printing.collate   =   true    
  　factory.printing.paperSize   =   "A4"    
  　factory.printing.paperSource   =   "Manual   feed"    
   
  　//   --   basic   features    
  　factory.printing.header   =   "This   is   MeadCo"    
  　factory.printing.footer   =   "Advanced   Printing   by   ScriptX"    
  　factory.printing.portrait   =   false    
  　factory.printing.leftMargin   =   1.0    
  　factory.printing.topMargin   =   1.0    
  　factory.printing.rightMargin   =   1.0    
  　factory.printing.bottomMargin   =   1.0    
  }    
  </script>    
   
  （2）    
  <script   language="javascript">    
  　　function   printsetup(){    
  　　//   打印页面设置    
  　　wb.execwb(8,1);    
  　　}    
  　　function   printpreview(){    
  　　//   打印页面预览    
  　　　　    
  　　wb.execwb(7,1);    
  　　　　　    
  　　　　    
  　　}    
   
  　　function   printit()    
  　　{    
  　　if   (confirm('确定打印吗？'))   {    
  　　wb.execwb(6,6)    
  　　}    
  　　}    
  　　</script>    
  </head>    
  <body>    
  <OBJECT   classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"    
   
  height=0   id=wb   name=wb   width=0></OBJECT>    
  <input   type=button   name=button_print   value="打印"    
   
  οnclick="javascript:printit()">    
  <input   type=button　name=button_setup   value="打印页面设置"    
   
  οnclick="javascript:printsetup();">    
  <input   type=button　name=button_show   value="打印预览"    
   
  οnclick="javascript:printpreview();">    
  <input   type=button   name=button_fh   value="关闭"    
   
  οnclick="javascript:window.close();">    
   
  ------------------------------------------------    
  关于这个组件还有其他的用法，列举如下：    
  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.ExecWB(17,1)   全选    
  Web.ExecWB(22,1)   刷新    
  Web.ExecWB(45,1)   关闭窗体无提示    
   
  2、分页打印    
  <HTML>    
  <HEAD>    
  <STYLE>　　    
  　　P   {page-break-after:   always}    
  </STYLE>    
  </HEAD>    
  <BODY>    
  <%while   not   rs.eof%>    
  <P><%=rs(0)%></P>    
  <%rs.movenext%>    
  <%wend%>    
  </BODY>    
  </HTML>    
   
  3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号    
  （1）ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉，打印就不出来了。

    （2）<html>  
  <head>  
  <SCRIPT   language="javascript">  
  <!--  
  function   HiddenBtn()  
  {  
        document.all["Print1"].style.display   =   'none';  
  }  
  function   ShowBtn()  
  {  
        document.all["Print1"].style.display   =   '';  
  }  
  //-->  
  </SCRIPT>  
  </head>  
  <body   οnafterprint="ShowBtn();"   οnbefοreprint="HiddenBtn();">  
  <TABLE   id="Table5"   cellSpacing="0"   cellPadding="0"   border="0"   align="center">  
  <TR>  
  <TD   align="center"   colSpan="2"   height="30"><INPUT   id="Print1"   οnclick="ExePrint();"   type="button"   value="打印合同"   name="Print1"   runat="server</TD>  
  </TR>  
  </TABLE>  
  </body>  
  </html> 
  （3）<style   media="print">   .Noprint{display:none;}  
  放到head里面试试 
  （4）<HTML>    
  <HEAD>    
  <TITLE>   New   Document   </TITLE>    
  <META   NAME="Generator"   CONTENT="EditPlus">    
  <META   NAME="Author"   CONTENT="YC">    
  <script   language="VBScript">    
  dim   hkey_root,hkey_path,hkey_key    
  hkey_root="HKEY_CURRENT_USER"    
  hkey_path="/Software/Microsoft/Internet   Explorer/PageSetup"    
  '//设置网页打印的页眉页脚为空    
  function   pagesetup_null()    
  　　on   error   resume   next    
  　　Set   RegWsh   =   CreateObject("WScript.Shell")    
  　　hkey_key="/header"　　    
  　　RegWsh.RegWrite   hkey_root+hkey_path+hkey_key,""    
  　　hkey_key="/footer"    
  　　RegWsh.RegWrite   hkey_root+hkey_path+hkey_key,""    
  end   function    
  '//设置网页打印的页眉页脚为默认值    
  function   pagesetup_default()    
  　　on   error   resume   next    
  　　Set   RegWsh   =   CreateObject("WScript.Shell")    
  　　hkey_key="/header"　　    
  　　RegWsh.RegWrite   hkey_root+hkey_path+hkey_key,"&w&b页码，&p/&P"    
  　　hkey_key="/footer"    
  　　RegWsh.RegWrite   hkey_root+hkey_path+hkey_key,"&u&b&d"    
  end   function    
  </script>    
  </HEAD>    
   
  <BODY>    
  <br/>    
  <br/>    
  <br/>    
  <br/>    
  <br/>    
  <br/><p   align=center>    
  <input   type="button"   value="清空页码"   οnclick=pagesetup_null()>   <input   type="button"   value="恢复页吗"   οnclick=pagesetup_default()><br/>    
   
  </p>    
  </BODY>    
  </HTML>    
  4、浮动帧打印    
  <SCRIPT   LANGUAGE=javascript>    
  function   button1_onclick()   {    
  　　var   odoc=window.iframe1.document;    
  　　var   r=odoc.body.createTextRange();    
  　　var   stxt=r.htmlText;    
  　　alert(stxt)    
  　　var   pwin=window.open("","print");    
  　　pwin.document.write(stxt);    
  　　pwin.print();    
  }    
  </SCRIPT>    
  4、用FileSystem组件实现WEB应用中的本地特定打印    
  <script   Language=VBScript>    
  function   print_onclick   //打印函数    
  dim   label    
  label=document.printinfo.label.value   //获得HTML页面的数据    
  set   objfs=CreateObject("Scripting.FileSystemObject")   //创建FileSystem组件对象的实例    
  set   objprinter=objfs.CreateTextFile   ("LPT1:",true)   //建立与打印机的连接    
  objprinter.Writeline("__________________________________")   //输出打印的内容    
  objprinter.Writeline("|   |")    
  objprinter.Writeline("|   您打印的数据是："&label&   "   |”)    
  objprinter.Writeline("|   |")    
  objprinter.Writeline("|_________________________________|")    
  objprinter.close   //断开与打印机的连接    
  set   objprinter=nothing    
  set   objfs=nothing   //   关闭FileSystem组件对象    
  end   function    
  </script>    
  服务器端脚本：    
  <%………    
  set   conn=server.CreateObject   ("adodb.connection")    
  conn.Open   "DSN=name;UID=XXXX;PWD=XXXX;"    
  set   rs=server.CreateObject("adodb.recordset")    
  rs.Open(“select   ……”),conn,1,1    
  ……….%>   //与数据库进行交互    
  HTML页面编码：    
  <HTML>    
  ………    
  <FORM   ID=printinfo   NAME="printinfo"   >    
  <INPUT   type="button"   value="打印>>"   id=print   name=print   >   //调用打印函数    
  <INPUT   type=hidden   id=text1   name=label   value=<%=………%>>   //保存服务器端传来的数据    
  ………    
  </HTML>  

llwen218
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html打印表格自动分页,Web分页打印 细线表格+分页打印之终极攻略
weixin_31975689的博客
05-30 574
Web分页打印 细线表格+分页打印之终极攻略发布时间：2009-03-01 23:46:40 作者：佚名 我要评论最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而且要细线表格的那种，我想细线表格不是很简单吗如果你还不知...
简单实用的web打印方案-网页精准打印
anyprinter的博客
10-28 2129
在当前这个互联网时代，大部分企业都搭建了自已的平台，通过平台联系客户，与粉丝互动，展示自己的产品。PC网站、APP、手机站、这些平台是企业互联网生态系统的重要基础。在公司平台化、系统化的今天，工作中出现web打印的情况也会比较多。 以电商公司为例，电商平台是目前互联网重要的交易平台，web打印多为业务场景的打印需求，比如直接打印，无预览直接打印，特定格式打印（打印标签、面单、票据、零售小票等）其难度在于如何将需要打印的内容，精确套打到标签、票据中，精确控制分页，并实现高速连续打印。 ...
ocx控件的坑
weixin_30765319的博客
01-15 410
前言 这还是第一次写博客，以前太懒了，现在发现是很有必要记录下这些经验和问题的。最近项目中有个需求（报表单据需要客户签名，连接签字板，把签名单据同步到服务器上），需要和硬件交互，当时硬件商提供了ocx控件，这才是坑的开始。。。 正文 首先安装ocx控件，在html中直接调用（ocx只能在ie上跑，火狐，谷歌都需要安装插件） 1 <object id="HWPost...
打印url_Web打印探秘
weixin_33016355的博客
01-14 436
笔者最近做了一个在 Web 构建打印模板的需求，从中学习到一些有价值的东西，特地记录一篇文章分享。概述本文首先描述笔者所处的项目组的 Web 打印项目的需求背景，然后描述笔者在实践 Web 打印项目的过程中遇到了诸多问题，阐述 Web 打印的问题解决思路，最后给出了另外一种 Web 打印的需求解决方案，即使用Headless browser生成图片并打印的方案。预计阅读时间5 ~ 10分钟。本文主...
Web、PDA掌机应用实现Bartender标签打印终极解决方案
08-10
当今的浏览器已不再支持OCX，之前本人开发的...这里为WEB、PDA掌机、及其他远打印机的应用提供了另一种共享的Bartender标签打印的终极解决方案，应用只需将数据打包，发给私有云接口，即可完成瀑布式批量打印标签。
Web分页打印 细线表格+分页打印之终极攻略
09-28
在Web开发中，分页打印是一项重要的功能，尤其在处理大量数据或呈现复杂表格时。本文将详述如何实现细线表格与分页打印的终极攻略，以满足客户需求，即只打印表格内容而不包括页面头部的背景和按钮。 首先，我们要...
ASP.NET之Web打印－终极解决篇
luandao2000的专栏
01-18 7247
ASP.NET之Web打印－终极解决篇作者：陈缘联系：luandao2000@gamil.com博客：http://blog.csdn.net/luandao2000主页：http://www.spbase.com        做过bs开发的同志应该都深有体会，在web程序中打印不再象应用程序中那样便于控制了，web程序天生的一些特性造成了这个缺点，如：打印机在本地，而文件确可能在服务器上；
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 1916
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 416
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
Module “console“ has been externalized for browser compatibility.
Alvin的博客
09-07 247
在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从。模块外部化了，这意味着它不会在客户端环境中暴露。去除导入 error 函数的代码。函数，会遇到一个错误，提示。这是因为 Vite 默认将。Vue 3.5.3 中。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 199
实现中国地图各省数据案例
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 143
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
JS笔记
2201_76100326的博客
09-11 442
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 94
动态在本地引入图片
《实现 HTML 图片轮播效果》
最新发布
qq_69304031的博客
09-11 322
在网页设计中，轮播效果是非常常见且重要的元素。它可以在有限的空间内展示多张图片或者广告，能够有效地吸引用户的注意力，提高信息展示的效率。常用于网站首页的焦点图展示、商品图片展示等场景。以下是一个简单的 HTML、CSS 和 JavaScript 实现的图片轮播代码示例。
手写 Vue Router 中的 Hash 模式和 History 模式
书呆子ITme
09-06 1020
通过手写简化版的Vue Router，我们深入理解了Hash 模式和History 模式的实现原理。Hash 模式依赖于hashchange事件，而 History 模式依赖于pushState和API。两种模式各有优缺点，可以根据项目需求选择合适的路由模式。Hash 模式：简单、无需服务器配置，但URL不美观，对SEO不友好。URL美观且符合SEO要求，但需要服务器支持。
【vite-plugin-vue-layouts】关于 vue-layouts 布局插件的使用和注意事项
weixin_41899098的博客
09-06 1057
环境：vue3 + vuetify3 + unplugin-vue-router是怎么创建这个项目的：选择它推荐的设置（Recommend）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值