关于WEB打印的代码

最新推荐文章于 2021-04-09 17:35:03 发布

转载最新推荐文章于 2021-04-09 17:35:03 发布 · 782 阅读

文章标签：

#web #class #button #border #webbrowser #input

javascript 专栏收录该内容

311 篇文章

订阅专栏

本文介绍了一种实现网页内容打印的方法，通过使用特定的HTML和CSS样式确保打印效果接近Word文档的打印质量。代码中包含了打印按钮及预览等功能。

信息来源：baidu

粘贴在这里，纯粹是为了方便。因为好久以来，找了很多种方式，都很难解决WEB打印的问题！

这里我想可能存在一个问题，客户（不是太懂技术的）用惯了Word等编辑软件的打印，因此WEB下也要求一模一样的功能，赫赫，客户就是上帝，上帝的要求必须要满足啊！于是技术人员不停地摸索，嘿嘿，你猜怎么着？还真被弄出这种效果来了！

唉！这下可苦了我们这些做技术的了！幸亏有了Internet，有了Google，Baidu，搜搜搜……就把人家的研究成果给搜来了！

哈哈！代码粘贴在下面！

<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=打印    onclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
< /p>
<p>   <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>

   </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>