精华内容
下载资源
问答
  • tif虚拟打印机安装程序

    热门讨论 2012-05-10 19:34:08
    打印的时候可以另存为pdf版本,可是pdf软件太大了,不适合简易快速安装在一些受限制的互联网环境中,office的虚拟打印机又生成个不知道用什么查看器查看的陌生文件,有什么方式来这些信息以图片的形式保存并得到...
  • 该软件适用于所有提供了打印选项的应用软件,只需要简单地选择最近添加的BullZip PDF Printer而取代你通常使用的打印机即可,文档会被转换和保存为 PDF 文件. BullZip PDF Printer不在你的文档当中添加任何文本...
  • JS实现Web中指定内容的保存打印功能

    万次阅读 热门讨论 2014-06-11 16:35:07
    最近手中的个项目,由于需求中要求提供Web界面的打印功能,当然如果没有打印机,还可以提供保存到本地。项目组长把这个“小任务”分给了我。本着努力为组长分忧解难的思想,领了任务之后,马上开始了工作。 ...

    背景


    首先,说说文章的背景。最近手中的一个项目,由于需求中要求提供Web界面的打印功能,当然如果没有打印机,还可以提供保存到本地。项目组长把这个“小任务”分给了我。本着努力为组长分忧解难的思想,领了任务之后,就马上开始了工作。


    问题


    刚开始的时候,组长给了一个工具(jatoolsprinter)让我研究,我用了一个多小时的时间,做出了一个简单的Demo,然后就是各种的测试,由于 web 打印需要浏览器安装 ActiveX 组件,在随后的测试中,我用了几款浏览器,甚至把安全级别都调到了最低的要求, ActiveX 组件的安装总是不成功,之后的几个小时也在一直调这个问题。终于,它打破了我耐心的底线,就这样被我“无情”的给抛弃了。


    新大陆


    吃过晚饭回来之后,我就开始走上了寻找新大陆的征途中,还好,我的运气不错,web 打印这个功能还是很常用的。很快我就有了一个新的解决方案。在简单的了解了一下官方的说明之后,找了一个文档看了看,这次我吸取了上次的教训,我先把官方提供的插件制作成了 CAB,而且马上就展开了测试,通过测试,我发现这一款工具在各版本浏览器的兼容性表现还是不错的,至于功能方面,我需要的他都提供了,而且额外的功能也是很多的,足够我们开发使用了。对了,不得不提的是,他对浏览器安装 ActiveX 组件还提供了另外一种方法,首先检测有没有安装插件,未检测到插件时,自动提示,并给出下载插件的地址,这里的插件使用的是 exe 格式的,这样就避免了浏览器安全设置的问题。


    组件

    • 组件名称:Lodop(提供下载)
    • 需要引入的文件:lodop.cab(自己制作的)、LodopFuncs.js(必须的)、install_lodop32.exe(可选的,官方提供的exe格式插件)
    • 需要在页面中加入对象引用


    点击安装之后,浏览器就会自动的安装,然后就可以看到下面的提示了。




    实现

    • 首先是打印功能

    html 代码


    <span style="font-family:Microsoft YaHei;font-size:12px;"><html>
    <head>
        <title>测试Web页面打印功能</title>
    </head>
    <style>
       .title
       {
       font-family: Arial, Vernada, Tahoma, sans-serif;
       font-size: 30px;
       color: #00008B;
       background-color: White;
       text-decoration: underline
       }
       .normal
       {
       font-family: Arial, Vernada, Tahoma, Helvetica, sans-serif;
       font-size: 14px;
       color: #444444;
       text-decoration: none;
       line-height: 180%;
       }
       #page1 div
       {
       font-size: 12px;font-family:Arial;
       }
       .tab1{border:solid 1px #bbd4e8;}
       .tab1 td,th {border:solid 1px #bbd4e8;font-size: 12px;font-family:Arial;line-height:21px;text-align:center}
       .tab1 td.tdnumber{text-align:right}
       .tab1 #lastPageFooter td,.tab1 #everyPageFooter td{text-align:left}
       .tab1 .green {color:#090}
       .tab1 .red{color:red}
       #myEveryFooter,#myLastFooter{display:none;color:#0066cc;font-weight:700;background-color:#e8f2fe}
       span.src{font-size:9pt;margin-left:100px;}
    </style>
    <object classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" codebase="lodop.cab#version=5,0,5,7" width=200 height=50 >
    </object><br/>
    <body>
        <input type="button" value="打印预览" onClick="prn1_preview();">
        <input type="button" value="直接打印" onClick="prn1_print();">
        <input type="button" value="选择打印机" onClick="prn1_printA();">
    
        <div id="form1" style="position:relative;width:227mm;height:80mm" autoBreakTable='dt_1'>
            <table id="dt1" class="tab1" cellSpacing="0" cellPadding="0" style='border-collapse:collapse;width:683px;'
                   headerRows='2' everyFooter='myEveryFooter' lastFooter='myLastFooter'>
                <caption style='font-size:36px;height:60px;font-family:Microsoft YaHei;color:#a7c0dc' class='first-only'>股票投资营收明细
                </caption>
                <thead class="h101">
                    <tr>
                        <th style="padding: 0px; width: 32px; white-space: nowrap;" rowSpan="2">序号</th>
                        <th style="padding: 0px; width: 62px; white-space: nowrap;" rowSpan="2"><a hideFocus="true" style="padding: 0px;"
                                                                                                   href="#" target="_self">股票代码</a></th>
                        <th style="padding: 0px; width: 65px; white-space: nowrap;" rowSpan="2">股票简称</th>
                        <th style="padding: 0px; width: 70px; white-space: nowrap;" rowSpan="2">相关资料</th>
                        <th style="padding: 0px; width: 58px;" rowSpan="2"><a hideFocus="true" style="padding: 0px;" href="#"
                                                                              target="_self">每股收<br>益(元)</a></th>
                        <th style="padding: 0px; width: 196px;" colSpan="3">营业收入</th>
                        <th style="padding: 0px; width: 193px;" colSpan="3">净利润</th>
                    </tr>
                    <tr>
                        <th style="padding: 0px; width: 70px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">营业收入<br>(万元)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">同比增长<br>(%)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">季度环比<br>增长(%)</a>
                        </th>
                        <th style="padding: 0px; width: 66px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">净利润<br>(万元)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">同比增长<br>(%)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">季度环比<br>增长(%)</a>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td><a href="#">300184</a></td>
                        <td><a href="#">力源信息</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0600</span></td>
                        <td class="tdnumber"><span>7225.38</span></td>
                        <td class="tdnumber"><span class="red">15.69</span></td>
                        <td class="tdnumber"><span class="green">-10.65</span></td>
                        <td class="tdnumber"><span>563.83</span></td>
                        <td class="tdnumber"><span class="red">79.25</span></td>
                        <td class="tdnumber"><span class="red">90.00</span></td>
                    </tr>
                    <tr class="odd">
                        <td>2</td>
                        <td><a href="#">300094</a></td>
                        <td><a href="#">国联水产</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0200</span></td>
                        <td class="tdnumber"><span>38563.77</span></td>
                        <td class="tdnumber"><span class="red">57.53</span></td>
                        <td class="tdnumber"><span class="green">-12.89</span></td>
                        <td class="tdnumber"><span>-871.34</span></td>
                        <td class="tdnumber"><span class="red">70.47</span></td>
                        <td class="tdnumber"><span class="red">93.48</span></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td><a href="#">300268</a></td>
                        <td><a href="#">万福生科</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0360</span></td>
                        <td class="tdnumber"><span>7328.07</span></td>
                        <td class="tdnumber"><span class="red">54.57</span></td>
                        <td class="tdnumber"><span class="green">-36.38</span></td>
                        <td class="tdnumber"><span>-477.11</span></td>
                        <td class="tdnumber"><span class="green">-50.05</span></td>
                        <td class="tdnumber"><span class="green">-92.22</span></td>
                    </tr>
                    <tr class="odd">
                        <td>4</td>
                        <td><a href="#">300277</a></td>
                        <td><a href="#">海联讯</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0074</span></td>
                        <td class="tdnumber"><span>6362.02</span></td>
                        <td class="tdnumber"><span class="red">46.90</span></td>
                        <td class="tdnumber"><span class="green">-14.14</span></td>
                        <td class="tdnumber"><span>98.74</span></td>
                        <td class="tdnumber"><span class="red">120.41</span></td>
                        <td class="tdnumber"><span class="green">-86.32</span></td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td><a href="#">300340</a></td>
                        <td><a href="#">科恒股份</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0600</span></td>
                        <td class="tdnumber"><span>8960.76</span></td>
                        <td class="tdnumber"><span class="green">-43.65</span></td>
                        <td class="tdnumber"><span class="green">-25.43</span></td>
                        <td class="tdnumber"><span>320.76</span></td>
                        <td class="tdnumber"><span class="green">-84.28</span></td>
                        <td class="tdnumber"><span class="red">147.56</span></td>
                    </tr>
                    <tr class="odd">
                        <td>6</td>
                        <td><a href="#">300002</a></td>
                        <td><a href="#">神州泰岳</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.2500</span></td>
                        <td class="tdnumber"><span>34845.30</span></td>
                        <td class="tdnumber"><span class="red">43.44</span></td>
                        <td class="tdnumber"><span class="green">-18.22</span></td>
                        <td class="tdnumber"><span>9744.63</span></td>
                        <td class="tdnumber"><span class="red">73.25</span></td>
                        <td class="tdnumber"><span class="green">-26.15</span></td>
                    </tr>
                    <tr>
                        <td>7</td>
                        <td><a href="#">300063</a></td>
                        <td><a href="#">天龙集团</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0362</span></td>
                        <td class="tdnumber"><span>9355.08</span></td>
                        <td class="tdnumber"><span class="red">26.80</span></td>
                        <td class="tdnumber"><span class="green">-6.40</span></td>
                        <td class="tdnumber"><span>363.48</span></td>
                        <td class="tdnumber"><span class="green">-1.56</span></td>
                        <td class="tdnumber"><span class="red">94.76</span></td>
                    </tr>
                    <tr class="odd">
                        <td>8</td>
                        <td><a href="#">300140</a></td>
                        <td><a href="#">启源装备</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0300</span></td>
                        <td class="tdnumber"><span>3320.54</span></td>
                        <td class="tdnumber"><span class="green">-31.59</span></td>
                        <td class="tdnumber"><span class="green">-28.35</span></td>
                        <td class="tdnumber"><span>379.53</span></td>
                        <td class="tdnumber"><span class="green">-167.03</span></td>
                        <td class="tdnumber"><span class="green">-41.75</span></td>
                    </tr>
    				<tr>
                        <td>9</td>
                        <td><a href="#">300142</a></td>
                        <td><a href="#">沃森生物</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.1400</span></td>
                        <td class="tdnumber"><span>9400.33</span></td>
                        <td class="tdnumber"><span class="red">69.34</span></td>
                        <td class="tdnumber"><span class="green">-49.37</span></td>
                        <td class="tdnumber"><span>2585.85</span></td>
                        <td class="tdnumber"><span class="red">10.69</span></td>
                        <td class="tdnumber"><span class="green">-66.60</span></td>
                    </tr>
                    <tr class="odd">
                        <td>10</td>
                        <td><a href="#">300161</a></td>
                        <td><a href="#">华中数控</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0200</span></td>
                        <td class="tdnumber"><span>6920.17</span></td>
                        <td class="tdnumber"><span class="green">-34.03</span></td>
                        <td class="tdnumber"><span class="green">-60.79</span></td>
                        <td class="tdnumber"><span>-259.10</span></td>
                        <td class="tdnumber"><span class="green">-157.82</span></td>
                        <td class="tdnumber"><span class="red">19.92</span></td>
                    </tr>
                    <tr>
                        <td>11</td>
                        <td><a href="#">300218</a></td>
                        <td><a href="#">安利股份</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0408</span></td>
                        <td class="tdnumber"><span>24035.55</span></td>
                        <td class="tdnumber"><span class="green">-4.15</span></td>
                        <td class="tdnumber"><span class="green">-19.03</span></td>
                        <td class="tdnumber"><span>861.89</span></td>
                        <td class="tdnumber"><span class="red">4.25</span></td>
                        <td class="tdnumber"><span class="green">-5.31</span></td>
                    </tr>
                    <tr class="odd">
                        <td>12</td>
                        <td><a href="#">300232</a></td>
                        <td><a href="#">洲明科技</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0400</span></td>
                        <td class="tdnumber"><span>14773.69</span></td>
                        <td class="tdnumber"><span class="red">75.61</span></td>
                        <td class="tdnumber"><span class="green">-25.47</span></td>
                        <td class="tdnumber"><span>423.65</span></td>
                        <td class="tdnumber"><span class="red">148.16</span></td>
                        <td class="tdnumber"><span class="green">-3.03</span></td>
                    </tr>
                    <tr>
                        <td>13</td>
                        <td><a href="#">300007</a></td>
                        <td><a href="#">汉威电子</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0500</span></td>
                        <td class="tdnumber"><span>5670.97</span></td>
                        <td class="tdnumber"><span class="green">-8.62</span></td>
                        <td class="tdnumber"><span class="green">-23.81</span></td>
                        <td class="tdnumber"><span>624.92</span></td>
                        <td class="tdnumber"><span class="green">-17.08</span></td>
                        <td class="tdnumber"><span class="green">-49.80</span></td>
                    </tr>
                    <tr class="odd">
                        <td>14</td>
                        <td><a href="#">300010</a></td>
                        <td><a href="#">立思辰</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0210</span></td>
                        <td class="tdnumber"><span>7268.28</span></td>
                        <td class="tdnumber"><span class="green">-29.57</span></td>
                        <td class="tdnumber"><span class="green">-65.22</span></td>
                        <td class="tdnumber"><span>548.31</span></td>
                        <td class="tdnumber"><span class="green">-35.56</span></td>
                        <td class="tdnumber"><span class="green">-67.36</span></td>
                    </tr>
                    <tr>
                        <td>15</td>
                        <td><a href="#">300013</a></td>
                        <td><a href="#">新宁物流</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0600</span></td>
                        <td class="tdnumber"><span>8695.67</span></td>
                        <td class="tdnumber"><span class="red">22.76</span></td>
                        <td class="tdnumber"><span class="green">-2.85</span></td>
                        <td class="tdnumber"><span>536.05</span></td>
                        <td class="tdnumber"><span class="red">237.79</span></td>
                        <td class="tdnumber"><span class="red">1681.49</span></td>
                    </tr>
                    <tr class="odd">
                        <td>16</td>
                        <td><a href="#">300015</a></td>
                        <td><a href="#">爱尔眼科</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.1100</span></td>
                        <td class="tdnumber"><span>41337.67</span></td>
                        <td class="tdnumber"><span class="red">16.59</span></td>
                        <td class="tdnumber"><span class="green">-1.72</span></td>
                        <td class="tdnumber"><span>4872.39</span></td>
                        <td class="tdnumber"><span class="red">2.38</span></td>
                        <td class="tdnumber"><span class="red">40.29</span></td>
                    </tr>
                    <tr>
                        <td>17</td>
                        <td><a href="#">300018</a></td>
                        <td><a href="#">中元华电</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0500</span></td>
                        <td class="tdnumber"><span>3872.17</span></td>
                        <td class="tdnumber"><span class="red">17.86</span></td>
                        <td class="tdnumber"><span class="green">-53.55</span></td>
                        <td class="tdnumber"><span>646.25</span></td>
                        <td class="tdnumber"><span class="green">-23.40</span></td>
                        <td class="tdnumber"><span class="green">-44.71</span></td>
                    </tr>
                    <tr class="odd">
                        <td>18</td>
                        <td><a href="#">300021</a></td>
                        <td><a href="#">大禹节水</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0200</span></td>
                        <td class="tdnumber"><span>8724.67</span></td>
                        <td class="tdnumber"><span class="red">18.81</span></td>
                        <td class="tdnumber"><span class="green">-60.07</span></td>
                        <td class="tdnumber"><span>458.52</span></td>
                        <td class="tdnumber"><span class="green">-13.50</span></td>
                        <td class="tdnumber"><span class="green">-56.93</span></td>
                    </tr>
                    <tr>
                        <td>19</td>
                        <td><a href="#">300022</a></td>
                        <td><a href="#">吉峰农机</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0115</span></td>
                        <td class="tdnumber"><span>61165.58</span></td>
                        <td class="tdnumber"><span class="green">-13.36</span></td>
                        <td class="tdnumber"><span class="green">-64.11</span></td>
                        <td class="tdnumber"><span>410.85</span></td>
                        <td class="tdnumber"><span class="green">-39.14</span></td>
                        <td class="tdnumber"><span class="red">114.09</span></td>
                    </tr>
    				<tr class="odd">
                        <td>20</td>
                        <td><a href="#">300024</a></td>
                        <td><a href="#">机器人</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.1169</span></td>
                        <td class="tdnumber"><span>24051.82</span></td>
                        <td class="tdnumber"><span class="red">4.38</span></td>
                        <td class="tdnumber"><span class="green">-16.85</span></td>
                        <td class="tdnumber"><span>3479.12</span></td>
                        <td class="tdnumber"><span class="red">31.52</span></td>
                        <td class="tdnumber"><span class="green">-61.57</span></td>
                    </tr>
                    <tr>
                        <td>21</td>
                        <td><a href="#">300026</a></td>
                        <td><a href="#">红日药业</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.2500</span></td>
                        <td class="tdnumber"><span>40097.11</span></td>
                        <td class="tdnumber"><span class="red">141.46</span></td>
                        <td class="tdnumber"><span class="green">-6.86</span></td>
                        <td class="tdnumber"><span>6109.82</span></td>
                        <td class="tdnumber"><span class="red">67.14</span></td>
                        <td class="tdnumber"><span class="red">10.78</span></td>
                    </tr>
                    <tr class="odd">
                        <td>22</td>
                        <td><a href="#">300028</a></td>
                        <td><a href="#">金亚科技</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0377</span></td>
                        <td class="tdnumber"><span>13848.97</span></td>
                        <td class="tdnumber"><span class="red">97.63</span></td>
                        <td class="tdnumber"><span class="green">-29.50</span></td>
                        <td class="tdnumber"><span>999.36</span></td>
                        <td class="tdnumber"><span class="red">10.79</span></td>
                        <td class="tdnumber"><span class="red">1144.05</span></td>
                    </tr>
                    <tr>
                        <td>23</td>
                        <td><a href="#">300029</a></td>
                        <td><a href="#">天龙光电</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0500</span></td>
                        <td class="tdnumber"><span>11365.73</span></td>
                        <td class="tdnumber"><span class="red">169.45</span></td>
                        <td class="tdnumber"><span class="red">2152.89</span></td>
                        <td class="tdnumber"><span>-1063.03</span></td>
                        <td class="tdnumber"><span class="red">25.02</span></td>
                        <td class="tdnumber"><span class="red">97.50</span></td>
                    </tr>
                    <tr class="odd">
                        <td>24</td>
                        <td><a href="#">300040</a></td>
                        <td><a href="#">九洲电气</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0300</span></td>
                        <td class="tdnumber"><span>4224.85</span></td>
                        <td class="tdnumber"><span class="green">-53.34</span></td>
                        <td class="tdnumber"><span class="green">-71.61</span></td>
                        <td class="tdnumber"><span>363.31</span></td>
                        <td class="tdnumber"><span class="red">35.57</span></td>
                        <td class="tdnumber"><span class="green">-99.16</span></td>
                    </tr>
                    <tr>
                        <td>25</td>
                        <td><a href="#">300050</a></td>
                        <td><a href="#">世纪鼎利</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0100</span></td>
                        <td class="tdnumber"><span>7375.58</span></td>
                        <td class="tdnumber"><span class="green">-14.22</span></td>
                        <td class="tdnumber"><span class="green">-30.18</span></td>
                        <td class="tdnumber"><span>137.55</span></td>
                        <td class="tdnumber"><span class="green">-81.35</span></td>
                        <td class="tdnumber"><span class="red">114.25</span></td>
                    </tr>
                    <tr class="odd">
                        <td>26</td>
                        <td><a href="#">300052</a></td>
                        <td><a href="#">中青宝</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">详细</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0300</span></td>
                        <td class="tdnumber"><span>4342.76</span></td>
                        <td class="tdnumber"><span class="red">41.35</span></td>
                        <td class="tdnumber"><span class="green">-24.89</span></td>
                        <td class="tdnumber"><span>384.77</span></td>
                        <td class="tdnumber"><span class="red">111.27</span></td>
                        <td class="tdnumber"><span class="red">9.19</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </body>
    </html></span>

    js 代码


    <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript" src="LodopFuncs.js"></script>
    <script type="text/javascript">
    	var LODOP; //声明为全局变量
    	// 打印预览
    	function prn1_preview() {	
    		CreateOneFormPage();	
    		LODOP.PREVIEW();	
    	};
    	// 直接打印
    	function prn1_print() {		
    		CreateOneFormPage();
    		LODOP.PRINT();	
    	};
    	// 选择打印机
    	function prn1_printA() {		
    		CreateOneFormPage();
    		LODOP.PRINTA(); 	
    	}; 
    	// 创建打印页面
    	function CreateOneFormPage(){
    		LODOP=getLodop();  
    		LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_表单一");
    		LODOP.SET_PRINT_STYLE("FontSize",18);
    		LODOP.SET_PRINT_STYLE("Bold",1);
    		LODOP.ADD_PRINT_HTM(10,20,500,5000,document.getElementById("form1").innerHTML);
    	};
    </script></span>


    效果图




    点击,打印预览之后,就会出现下面的效果:



    当然,你还可以选择打印机,在打印预览里边也可以进入这个页面,只需要点击设置即可。



    • 然后是保存功能
    html 代码相同,这里就不再重复贴了

    js 代码


    <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
    	// 导出为Word
    	function makeWord() {
    			var word = new ActiveXObject("Word.Application");
    			// 打开已有模板
    			// var doc = word.documents.open("");
    			// 不打开模板直接加入内容
    			var doc = word.Documents.Add("", 0, 1);
    			var Range=doc.Range(); 
    			
    			var sel = document.body.createTextRange();
    			sel.moveToElementText(form1);  //此处form1是页面上DIV的id
    			sel.select();
    			sel.execCommand("Copy");
    			Range.Paste();
    			word.Application.Visible = true;
    			//存放到指定的位置注意路径一定要是“//”不然会报错
    			doc.saveAs("D://股票投资营收明细.doc");  
    		}
    </script></span>


    效果图




    点击“导出为Word”之后,会出现一个与ActiveX控件交互的提示,点击“是”之后,就可以保存到word中了。




    结束语


    怎么样,很简单吧!web 页面打印指定内容其实就这么简单。只要找对好的工具,什么都不是事!

    展开全文
  • 当然假设没有打印机,还能够提供保存到本地。项目组长把这个“小任务”分给了我。本着努力为组长分忧解难的思想,领了任务之后,立即開始了工作。 问题 刚開始的时候。组长给了个工具...

    背景


    首先,说说文章的背景。近期手中的一个项目,因为需求中要求提供Web界面的打印功能。当然假设没有打印机,还能够提供保存到本地。项目组长把这个“小任务”分给了我。本着努力为组长分忧解难的思想,领了任务之后,就立即開始了工作。


    问题


    刚開始的时候。组长给了一个工具(jatoolsprinter)让我研究。我用了一个多小时的时间,做出了一个简单的Demo,然后就是各种的測试,因为 web 打印须要浏览器安装 ActiveX 组件。在随后的測试中,我用了几款浏览器。甚至把安全级别都调到了最低的要求, ActiveX 组件的安装总是不成功。之后的几个小时也在一直调这个问题。

    最终,它打破了我耐心的底线,就这样被我“无情”的给抛弃了。



    新大陆


    吃过晚饭回来之后,我就開始走上了寻找新大陆的征途中。还好。我的运气不错,web 打印这个功能还是非经常常使用的。

    非常快我就有了一个新的解决方式。在简单的了解了一下官方的说明之后,找了一个文档看了看。这次我吸取了上次的教训,我先把官方提供的插件制作成了 CAB。并且立即就展开了測试,通过測试。我发现这一款工具在各版本号浏览器的兼容性表现还是不错的,至于功能方面,我须要的他都提供了,并且额外的功能也是非常多的。足够我们开发使用了。对了。不得不提的是。他对浏览器安装 ActiveX 组件还提供了第二种方法,首先检測有没有安装插件。未检測到插件时,自己主动提示,并给出下载插件的地址,这里的插件使用的是 exe 格式的。这样就避免了浏览器安全设置的问题。



    组件

    • 组件名称:Lodop(提供下载)
    • 须要引入的文件:lodop.cab(自己制作的)、LodopFuncs.js(必须的)、install_lodop32.exe(可选的,官方提供的exe格式插件)
    • 须要在页面中增加对象引用


    点击安装之后,浏览器就会自己主动的安装,然后就能够看到以下的提示了。




    实现

    • 首先是打印功能

    html 代码


    <span style="font-family:Microsoft YaHei;font-size:12px;"><html>
    <head>
        <title>測试Web页面打印功能</title>
    </head>
    <style>
       .title
       {
       font-family: Arial, Vernada, Tahoma, sans-serif;
       font-size: 30px;
       color: #00008B;
       background-color: White;
       text-decoration: underline
       }
       .normal
       {
       font-family: Arial, Vernada, Tahoma, Helvetica, sans-serif;
       font-size: 14px;
       color: #444444;
       text-decoration: none;
       line-height: 180%;
       }
       #page1 div
       {
       font-size: 12px;font-family:Arial;
       }
       .tab1{border:solid 1px #bbd4e8;}
       .tab1 td,th {border:solid 1px #bbd4e8;font-size: 12px;font-family:Arial;line-height:21px;text-align:center}
       .tab1 td.tdnumber{text-align:right}
       .tab1 #lastPageFooter td,.tab1 #everyPageFooter td{text-align:left}
       .tab1 .green {color:#090}
       .tab1 .red{color:red}
       #myEveryFooter,#myLastFooter{display:none;color:#0066cc;font-weight:700;background-color:#e8f2fe}
       span.src{font-size:9pt;margin-left:100px;}
    </style>
    <object classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" codebase="lodop.cab#version=5,0,5,7" width=200 height=50 >
    </object><br/>
    <body>
        <input type="button" value="打印预览" onClick="prn1_preview();">
        <input type="button" value="直接打印" onClick="prn1_print();">
        <input type="button" value="选择打印机" onClick="prn1_printA();">
    
        <div id="form1" style="position:relative;width:227mm;height:80mm" autoBreakTable='dt_1'>
            <table id="dt1" class="tab1" cellSpacing="0" cellPadding="0" style='border-collapse:collapse;width:683px;'
                   headerRows='2' everyFooter='myEveryFooter' lastFooter='myLastFooter'>
                <caption style='font-size:36px;height:60px;font-family:Microsoft YaHei;color:#a7c0dc' class='first-only'>股票投资营收明细
                </caption>
                <thead class="h101">
                    <tr>
                        <th style="padding: 0px; width: 32px; white-space: nowrap;" rowSpan="2">序号</th>
                        <th style="padding: 0px; width: 62px; white-space: nowrap;" rowSpan="2"><a hideFocus="true" style="padding: 0px;"
                                                                                                   href="#" target="_self">股票代码</a></th>
                        <th style="padding: 0px; width: 65px; white-space: nowrap;" rowSpan="2">股票简称</th>
                        <th style="padding: 0px; width: 70px; white-space: nowrap;" rowSpan="2">相关资料</th>
                        <th style="padding: 0px; width: 58px;" rowSpan="2"><a hideFocus="true" style="padding: 0px;" href="#"
                                                                              target="_self">每股收<br>益(元)</a></th>
                        <th style="padding: 0px; width: 196px;" colSpan="3">营业收入</th>
                        <th style="padding: 0px; width: 193px;" colSpan="3">净利润</th>
                    </tr>
                    <tr>
                        <th style="padding: 0px; width: 70px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">营业收入<br>(万元)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">同比增长<br>(%)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">季度环比<br>增长(%)</a>
                        </th>
                        <th style="padding: 0px; width: 66px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">净利润<br>(万元)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">同比增长<br>(%)</a>
                        </th>
                        <th style="padding: 0px; width: 62px;"><a hideFocus="true" style="padding: 0px;" href="#" target="_self">季度环比<br>增长(%)</a>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td><a href="#">300184</a></td>
                        <td><a href="#">力源信息</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0600</span></td>
                        <td class="tdnumber"><span>7225.38</span></td>
                        <td class="tdnumber"><span class="red">15.69</span></td>
                        <td class="tdnumber"><span class="green">-10.65</span></td>
                        <td class="tdnumber"><span>563.83</span></td>
                        <td class="tdnumber"><span class="red">79.25</span></td>
                        <td class="tdnumber"><span class="red">90.00</span></td>
                    </tr>
                    <tr class="odd">
                        <td>2</td>
                        <td><a href="#">300094</a></td>
                        <td><a href="#">国联水产</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0200</span></td>
                        <td class="tdnumber"><span>38563.77</span></td>
                        <td class="tdnumber"><span class="red">57.53</span></td>
                        <td class="tdnumber"><span class="green">-12.89</span></td>
                        <td class="tdnumber"><span>-871.34</span></td>
                        <td class="tdnumber"><span class="red">70.47</span></td>
                        <td class="tdnumber"><span class="red">93.48</span></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td><a href="#">300268</a></td>
                        <td><a href="#">万福生科</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0360</span></td>
                        <td class="tdnumber"><span>7328.07</span></td>
                        <td class="tdnumber"><span class="red">54.57</span></td>
                        <td class="tdnumber"><span class="green">-36.38</span></td>
                        <td class="tdnumber"><span>-477.11</span></td>
                        <td class="tdnumber"><span class="green">-50.05</span></td>
                        <td class="tdnumber"><span class="green">-92.22</span></td>
                    </tr>
                    <tr class="odd">
                        <td>4</td>
                        <td><a href="#">300277</a></td>
                        <td><a href="#">海联讯</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0074</span></td>
                        <td class="tdnumber"><span>6362.02</span></td>
                        <td class="tdnumber"><span class="red">46.90</span></td>
                        <td class="tdnumber"><span class="green">-14.14</span></td>
                        <td class="tdnumber"><span>98.74</span></td>
                        <td class="tdnumber"><span class="red">120.41</span></td>
                        <td class="tdnumber"><span class="green">-86.32</span></td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td><a href="#">300340</a></td>
                        <td><a href="#">科恒股份</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0600</span></td>
                        <td class="tdnumber"><span>8960.76</span></td>
                        <td class="tdnumber"><span class="green">-43.65</span></td>
                        <td class="tdnumber"><span class="green">-25.43</span></td>
                        <td class="tdnumber"><span>320.76</span></td>
                        <td class="tdnumber"><span class="green">-84.28</span></td>
                        <td class="tdnumber"><span class="red">147.56</span></td>
                    </tr>
                    <tr class="odd">
                        <td>6</td>
                        <td><a href="#">300002</a></td>
                        <td><a href="#">神州泰岳</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.2500</span></td>
                        <td class="tdnumber"><span>34845.30</span></td>
                        <td class="tdnumber"><span class="red">43.44</span></td>
                        <td class="tdnumber"><span class="green">-18.22</span></td>
                        <td class="tdnumber"><span>9744.63</span></td>
                        <td class="tdnumber"><span class="red">73.25</span></td>
                        <td class="tdnumber"><span class="green">-26.15</span></td>
                    </tr>
                    <tr>
                        <td>7</td>
                        <td><a href="#">300063</a></td>
                        <td><a href="#">天龙集团</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0362</span></td>
                        <td class="tdnumber"><span>9355.08</span></td>
                        <td class="tdnumber"><span class="red">26.80</span></td>
                        <td class="tdnumber"><span class="green">-6.40</span></td>
                        <td class="tdnumber"><span>363.48</span></td>
                        <td class="tdnumber"><span class="green">-1.56</span></td>
                        <td class="tdnumber"><span class="red">94.76</span></td>
                    </tr>
                    <tr class="odd">
                        <td>8</td>
                        <td><a href="#">300140</a></td>
                        <td><a href="#">启源装备</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0300</span></td>
                        <td class="tdnumber"><span>3320.54</span></td>
                        <td class="tdnumber"><span class="green">-31.59</span></td>
                        <td class="tdnumber"><span class="green">-28.35</span></td>
                        <td class="tdnumber"><span>379.53</span></td>
                        <td class="tdnumber"><span class="green">-167.03</span></td>
                        <td class="tdnumber"><span class="green">-41.75</span></td>
                    </tr>
    				<tr>
                        <td>9</td>
                        <td><a href="#">300142</a></td>
                        <td><a href="#">沃森生物</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.1400</span></td>
                        <td class="tdnumber"><span>9400.33</span></td>
                        <td class="tdnumber"><span class="red">69.34</span></td>
                        <td class="tdnumber"><span class="green">-49.37</span></td>
                        <td class="tdnumber"><span>2585.85</span></td>
                        <td class="tdnumber"><span class="red">10.69</span></td>
                        <td class="tdnumber"><span class="green">-66.60</span></td>
                    </tr>
                    <tr class="odd">
                        <td>10</td>
                        <td><a href="#">300161</a></td>
                        <td><a href="#">华中数控</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0200</span></td>
                        <td class="tdnumber"><span>6920.17</span></td>
                        <td class="tdnumber"><span class="green">-34.03</span></td>
                        <td class="tdnumber"><span class="green">-60.79</span></td>
                        <td class="tdnumber"><span>-259.10</span></td>
                        <td class="tdnumber"><span class="green">-157.82</span></td>
                        <td class="tdnumber"><span class="red">19.92</span></td>
                    </tr>
                    <tr>
                        <td>11</td>
                        <td><a href="#">300218</a></td>
                        <td><a href="#">安利股份</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0408</span></td>
                        <td class="tdnumber"><span>24035.55</span></td>
                        <td class="tdnumber"><span class="green">-4.15</span></td>
                        <td class="tdnumber"><span class="green">-19.03</span></td>
                        <td class="tdnumber"><span>861.89</span></td>
                        <td class="tdnumber"><span class="red">4.25</span></td>
                        <td class="tdnumber"><span class="green">-5.31</span></td>
                    </tr>
                    <tr class="odd">
                        <td>12</td>
                        <td><a href="#">300232</a></td>
                        <td><a href="#">洲明科技</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0400</span></td>
                        <td class="tdnumber"><span>14773.69</span></td>
                        <td class="tdnumber"><span class="red">75.61</span></td>
                        <td class="tdnumber"><span class="green">-25.47</span></td>
                        <td class="tdnumber"><span>423.65</span></td>
                        <td class="tdnumber"><span class="red">148.16</span></td>
                        <td class="tdnumber"><span class="green">-3.03</span></td>
                    </tr>
                    <tr>
                        <td>13</td>
                        <td><a href="#">300007</a></td>
                        <td><a href="#">汉威电子</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0500</span></td>
                        <td class="tdnumber"><span>5670.97</span></td>
                        <td class="tdnumber"><span class="green">-8.62</span></td>
                        <td class="tdnumber"><span class="green">-23.81</span></td>
                        <td class="tdnumber"><span>624.92</span></td>
                        <td class="tdnumber"><span class="green">-17.08</span></td>
                        <td class="tdnumber"><span class="green">-49.80</span></td>
                    </tr>
                    <tr class="odd">
                        <td>14</td>
                        <td><a href="#">300010</a></td>
                        <td><a href="#">立思辰</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0210</span></td>
                        <td class="tdnumber"><span>7268.28</span></td>
                        <td class="tdnumber"><span class="green">-29.57</span></td>
                        <td class="tdnumber"><span class="green">-65.22</span></td>
                        <td class="tdnumber"><span>548.31</span></td>
                        <td class="tdnumber"><span class="green">-35.56</span></td>
                        <td class="tdnumber"><span class="green">-67.36</span></td>
                    </tr>
                    <tr>
                        <td>15</td>
                        <td><a href="#">300013</a></td>
                        <td><a href="#">新宁物流</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0600</span></td>
                        <td class="tdnumber"><span>8695.67</span></td>
                        <td class="tdnumber"><span class="red">22.76</span></td>
                        <td class="tdnumber"><span class="green">-2.85</span></td>
                        <td class="tdnumber"><span>536.05</span></td>
                        <td class="tdnumber"><span class="red">237.79</span></td>
                        <td class="tdnumber"><span class="red">1681.49</span></td>
                    </tr>
                    <tr class="odd">
                        <td>16</td>
                        <td><a href="#">300015</a></td>
                        <td><a href="#">爱尔眼科</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.1100</span></td>
                        <td class="tdnumber"><span>41337.67</span></td>
                        <td class="tdnumber"><span class="red">16.59</span></td>
                        <td class="tdnumber"><span class="green">-1.72</span></td>
                        <td class="tdnumber"><span>4872.39</span></td>
                        <td class="tdnumber"><span class="red">2.38</span></td>
                        <td class="tdnumber"><span class="red">40.29</span></td>
                    </tr>
                    <tr>
                        <td>17</td>
                        <td><a href="#">300018</a></td>
                        <td><a href="#">中元华电</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0500</span></td>
                        <td class="tdnumber"><span>3872.17</span></td>
                        <td class="tdnumber"><span class="red">17.86</span></td>
                        <td class="tdnumber"><span class="green">-53.55</span></td>
                        <td class="tdnumber"><span>646.25</span></td>
                        <td class="tdnumber"><span class="green">-23.40</span></td>
                        <td class="tdnumber"><span class="green">-44.71</span></td>
                    </tr>
                    <tr class="odd">
                        <td>18</td>
                        <td><a href="#">300021</a></td>
                        <td><a href="#">大禹节水</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0200</span></td>
                        <td class="tdnumber"><span>8724.67</span></td>
                        <td class="tdnumber"><span class="red">18.81</span></td>
                        <td class="tdnumber"><span class="green">-60.07</span></td>
                        <td class="tdnumber"><span>458.52</span></td>
                        <td class="tdnumber"><span class="green">-13.50</span></td>
                        <td class="tdnumber"><span class="green">-56.93</span></td>
                    </tr>
                    <tr>
                        <td>19</td>
                        <td><a href="#">300022</a></td>
                        <td><a href="#">吉峰农机</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0115</span></td>
                        <td class="tdnumber"><span>61165.58</span></td>
                        <td class="tdnumber"><span class="green">-13.36</span></td>
                        <td class="tdnumber"><span class="green">-64.11</span></td>
                        <td class="tdnumber"><span>410.85</span></td>
                        <td class="tdnumber"><span class="green">-39.14</span></td>
                        <td class="tdnumber"><span class="red">114.09</span></td>
                    </tr>
    				<tr class="odd">
                        <td>20</td>
                        <td><a href="#">300024</a></td>
                        <td><a href="#">机器人</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.1169</span></td>
                        <td class="tdnumber"><span>24051.82</span></td>
                        <td class="tdnumber"><span class="red">4.38</span></td>
                        <td class="tdnumber"><span class="green">-16.85</span></td>
                        <td class="tdnumber"><span>3479.12</span></td>
                        <td class="tdnumber"><span class="red">31.52</span></td>
                        <td class="tdnumber"><span class="green">-61.57</span></td>
                    </tr>
                    <tr>
                        <td>21</td>
                        <td><a href="#">300026</a></td>
                        <td><a href="#">红日药业</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.2500</span></td>
                        <td class="tdnumber"><span>40097.11</span></td>
                        <td class="tdnumber"><span class="red">141.46</span></td>
                        <td class="tdnumber"><span class="green">-6.86</span></td>
                        <td class="tdnumber"><span>6109.82</span></td>
                        <td class="tdnumber"><span class="red">67.14</span></td>
                        <td class="tdnumber"><span class="red">10.78</span></td>
                    </tr>
                    <tr class="odd">
                        <td>22</td>
                        <td><a href="#">300028</a></td>
                        <td><a href="#">金亚科技</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0377</span></td>
                        <td class="tdnumber"><span>13848.97</span></td>
                        <td class="tdnumber"><span class="red">97.63</span></td>
                        <td class="tdnumber"><span class="green">-29.50</span></td>
                        <td class="tdnumber"><span>999.36</span></td>
                        <td class="tdnumber"><span class="red">10.79</span></td>
                        <td class="tdnumber"><span class="red">1144.05</span></td>
                    </tr>
                    <tr>
                        <td>23</td>
                        <td><a href="#">300029</a></td>
                        <td><a href="#">天龙光电</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>-0.0500</span></td>
                        <td class="tdnumber"><span>11365.73</span></td>
                        <td class="tdnumber"><span class="red">169.45</span></td>
                        <td class="tdnumber"><span class="red">2152.89</span></td>
                        <td class="tdnumber"><span>-1063.03</span></td>
                        <td class="tdnumber"><span class="red">25.02</span></td>
                        <td class="tdnumber"><span class="red">97.50</span></td>
                    </tr>
                    <tr class="odd">
                        <td>24</td>
                        <td><a href="#">300040</a></td>
                        <td><a href="#">九洲电气</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0300</span></td>
                        <td class="tdnumber"><span>4224.85</span></td>
                        <td class="tdnumber"><span class="green">-53.34</span></td>
                        <td class="tdnumber"><span class="green">-71.61</span></td>
                        <td class="tdnumber"><span>363.31</span></td>
                        <td class="tdnumber"><span class="red">35.57</span></td>
                        <td class="tdnumber"><span class="green">-99.16</span></td>
                    </tr>
                    <tr>
                        <td>25</td>
                        <td><a href="#">300050</a></td>
                        <td><a href="#">世纪鼎利</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0100</span></td>
                        <td class="tdnumber"><span>7375.58</span></td>
                        <td class="tdnumber"><span class="green">-14.22</span></td>
                        <td class="tdnumber"><span class="green">-30.18</span></td>
                        <td class="tdnumber"><span>137.55</span></td>
                        <td class="tdnumber"><span class="green">-81.35</span></td>
                        <td class="tdnumber"><span class="red">114.25</span></td>
                    </tr>
                    <tr class="odd">
                        <td>26</td>
                        <td><a href="#">300052</a></td>
                        <td><a href="#">中青宝</a></td>
                        <td>
                            <nobr> <a style="color: rgb(255, 0, 0);" href="#">具体</a> <a href="#">股吧</a>
                            </nobr>
                        <td class="tdnumber"><span>0.0300</span></td>
                        <td class="tdnumber"><span>4342.76</span></td>
                        <td class="tdnumber"><span class="red">41.35</span></td>
                        <td class="tdnumber"><span class="green">-24.89</span></td>
                        <td class="tdnumber"><span>384.77</span></td>
                        <td class="tdnumber"><span class="red">111.27</span></td>
                        <td class="tdnumber"><span class="red">9.19</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </body>
    </html></span>

    js 代码


    <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript" src="LodopFuncs.js"></script>
    <script type="text/javascript">
    	var LODOP; //声明为全局变量
    	// 打印预览
    	function prn1_preview() {	
    		CreateOneFormPage();	
    		LODOP.PREVIEW();	
    	};
    	// 直接打印
    	function prn1_print() {		
    		CreateOneFormPage();
    		LODOP.PRINT();	
    	};
    	// 选择打印机
    	function prn1_printA() {		
    		CreateOneFormPage();
    		LODOP.PRINTA(); 	
    	}; 
    	// 创建打印页面
    	function CreateOneFormPage(){
    		LODOP=getLodop();  
    		LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_表单一");
    		LODOP.SET_PRINT_STYLE("FontSize",18);
    		LODOP.SET_PRINT_STYLE("Bold",1);
    		LODOP.ADD_PRINT_HTM(10,20,500,5000,document.getElementById("form1").innerHTML);
    	};
    </script></span>


    效果图




    点击。打印预览之后。就会出现以下的效果:



    当然。你还能够选择打印机,在打印预览里边也能够进入这个页面。仅仅须要点击设置就可以。



    • 然后是保存功能
    html 代码同样,这里就不再反复贴了

    js 代码


    <span style="font-family:Microsoft YaHei;font-size:12px;"><script type="text/javascript">
    	// 导出为Word
    	function makeWord() {
    			var word = new ActiveXObject("Word.Application");
    			// 打开已有模板
    			// var doc = word.documents.open("");
    			// 不打开模板直接增加内容
    			var doc = word.Documents.Add("", 0, 1);
    			var Range=doc.Range(); 
    			
    			var sel = document.body.createTextRange();
    			sel.moveToElementText(form1);  //此处form1是页面上DIV的id
    			sel.select();
    			sel.execCommand("Copy");
    			Range.Paste();
    			word.Application.Visible = true;
    			//存放到指定的位置注意路径一定要是“//”不然会报错
    			doc.saveAs("D://股票投资营收明细.doc");  
    		}
    </script></span>


    效果图




    点击“导出为Word”之后,会出现一个与ActiveX控件交互的提示,点击“是”之后。就能够保存到word中了。




    结束语


    怎么样,非常easy吧!web 页面打印指定内容事实上就这么简单。

    仅仅要找对好的工具,什么都不它是一个事!


    版权声明:本文博主原创文章,博客,未经同意不得转载。

    展开全文
  • Head ink shots:显示打开打印机到完成某一打印任务后,每种颜色的墨水消耗量。即使打开打印机时没有运行此程序,在打印任务完成后也可显示。 Refresh: 刷新监测类型数据。 2.设置窗口(下图)Installed Printer: ...
  • 首次打印就能得到您想要的效果。最终印出的效果和您屏幕所呈现的完全相同,无需再支出更多费用反复尝试印出效果。 priPrinter Professional 特性与优点 简约且时髦的用户界面,包含 3D 打印预览 打印多页内容至单张...
  • 该软件适用于所有提供了打印选项的应用软件,只需要简单地选择最近添加的 BullZip PDF Printer 而取代你通常使用的打印机即可,文档会被转换和保存为 PDF 文件. BullZip PDF Printer 不在你的文档当中添加任何...
  • 该软件适用于所有提供了打印选项的应用软件,只需要简单地选择最近添加的 BullZip PDF Printer 而取代你通常使用的打印机即可,文档会被转换和保存为 PDF 文件. BullZip PDF Printer 不在你的文档当中添加任何...
  • 软件操作方便、功能完善功能强大、个性化极强,快递单打印变得快速简单。软件界面美观简洁、简单全面、实用方便,无需培训,即可快速上手,轻轻松松完成日常快递单打印功能,真正做到简单全面实用。是用户实现快递...
  • · 实现“走到哪里就到哪里打印”,“想用哪台打印机打印就用哪台打印机打印”; · 用户电脑不用为每台打印机安装驱动,就可以使用网络中的任何打印机; · 到分公司出差,无需安装分公司的打印机,就可以...
  • 真正的您从此告别手写快递单的烦恼,打印出整齐漂亮的快递单。 彩快递单打印软件功能: 1、系统支持近百种国内国际快递单,主要包括: EMS、UPS、DHL、Fedex、TNT、CCES快递、顺丰速运、申通快递、圆通速递、...
  • 这种方法一般适用于打印机长...遇到由这种因素造成的乱码故障时,我们只要将打印机电源关闭段时间,之后重新启动打印机,这样打印缓存中的内容全部清除了。但是,如果打印机安装在Windows 2000或2000以上版本

      这种方法一般适用于打印机长时间工作之后继续打印时出现的乱码故障,由于长时间工作后打印机的缓存中保存了不少垃圾任务,这些任务如果超过一定的数值,就会导致打印机反应迟钝或者反应出错,从而有可能引发打印乱码故障。遇到由这种因素造成的乱码故障时,我们只要将打印机电源关闭一段时间,之后重新启动打印机,这样就能让将打印缓存中的内容全部清除了。但是,如果打印机安装在Windows 2000或2000以上版本的操作系统中时,单纯依靠切断打印电源的方法是无法将打印缓存中的内容彻底清除干净的,因为Windows 2000以上的系统会在打印机电源被切断的一刹那,自动将打印缓存中的内容全部转存到计算机硬盘缓存中,以后打印机重新启动时,存储在硬盘缓存中的垃圾内容又会自动恢复原位,这样的话打印乱码故障仍然还有可能出现。为此,在Windows 2000以上版本的计算机系统中,我们需要采取打印服务重启法,才能将由缓存引起的乱码故障彻底解决掉:

      首先打开系统的运行对话框,在其中执行“Services.msc”字符串命令,进入到系统服务列表窗口中;从该列表中找到“print spooler”选项,并用鼠标右键单击之,从弹出的快捷菜单中单击“属性”选项,打开对应该服务的参数设置窗口;

      单击一下该窗口中的“停止”按钮,然后单击“确定”按钮,此时再将打印机的电源切断,这样的话Windows系统就不会把当前打印缓存中的垃圾内容临时转存到硬盘缓存中了;

      为了防止以前缓存在硬盘中的临时作业又恢复到打印缓存中,我们还需要打开系统的资源管理器窗口,依次双击其中的“system32”、“spool”、“printers”系统文件夹图标,然后在“printers”子文件夹窗口中将所有临时打印作业全部删除干净,这样一来打印机再次接通电源时就不会遇到垃圾缓存复位的问题了;

      下面,为了确保打印机以后能够正常工作,我们还需要再次进入到系统服务列表窗口,并双击“print spooler”服务选项,打开它的属性设置窗口,再单击其中的“启动”按钮,将打印机的后台打印服务启动起来,以后打印机重新工作时,就不会受到垃圾缓存的干扰了。

      小提示:为了避免产生太多的垃圾缓存,大家在向打印机发送打印文档时,要保持一定的时间间隔,不要在很短的时间内就向打印机发送很多个打印文档,否则的话缓存容量较小的打印机很容易出现乱码故。

           

          (摘自http://publish.it168.com/2008/0122/20080122043502.shtml

    展开全文
  • 假设现在要用A4规格的打印机打印比A4尺寸大的普通图象时,由于大图象无法次放置在A4规格的打印机中输出,因此必须想办法先将大尺寸的图象分几次来让打印机输出,而且对大图象的拆分直接关系到以后图象拼合的...
    使用Excel实现打印更大幅面

    假设现在要用A4规格的打印机来打印比A4尺寸大的普通图象时,由于大图象无法一次放置在A4规格的打印机中输出,因此就必须想办法先将大尺寸的图象分几次来让打印机输出,而且对大图象的拆分直接关系到以后图象拼合的效果;

    1、运行Photoshop程序,将需要打印出来的图象保存为能被Excel程序所能识别的格式,例如大家可以将图象保存为jpeg格式;

    2、运行Excel程序,在打开的主界面中依次单击“文件”/“新建”命令,来创建一个工作表,同时将显示比例设置为25%,接着再单击一下工具栏中的打印预览按钮,随后根据画面提示来单击确定按钮,这样Excel程序就会自动将页面分割线调出来了;

    3、接着在菜单栏中依次执行“文件”/“页面设置”命令,在随后出现的页面设置框中,将打印页面设置为A4规格,至于图象的排列方式,大家可以需要来进行竖排或者横排;

    4、再在Excel程序的主界面中依次执行“插入”/“图片”/“来自文件”命令,在接着出现的文件选择对话框中,将需要打印输出的大幅面图象插入到工作表中;

    5、将插入的图片框选中,然后根据页面分割线调整好图片框的位置,再用鼠标按住图片框右下方的空心小方块,并自由拉动来将画面的大小调整合适;

    6、其中图象覆盖的区域就是正式打印时分割出的A4幅面的纸张页数;当然大家此时也可以通过打印预览命令,来观察图片分割的整个效果;

    7、完成打印机的参数设置后,就可以执行打印命令,来将大幅图象逐页输出了;然后再切除每幅图象多余的纸边,这样就可以根据实际图象效果来将图象拼合好了。
    展开全文
  • 在工作中我是负责统计的,电脑上保存了好多个表格,每隔段时间领导会要求我将日常工作中统计的数据打印出来,便于查阅和存根。由于公司中没有打印机,每次打印这些表格数据我都要到公司外面寻找打印店。 实体店...
  • 通用收据开单打印软件是款简单实用,很人性化的,可以用户自己定义界面和打印格式的票据管理软件。资料自动保存,方便以后查询和统计分析。录入操作自动记忆,次录入后下次可以直接选择了。适用范围广,是您...
  • 3、没有针式打印机也可以打印快递单,您可以将单据打印到文件,将文件发送给有针式打印机的人给您打印,例如:发送给快递公司,他们给您打印单据。 4、操作简单人性化,完全按照您的交易习惯进行设计,操作顺序是...
  • 只要用户把一张A4纸放入打印机,使用校准功能时会在纸的左上角打印个小矩形框,分别量出小矩形框的左上角与纸张左边缘和上边缘的距离(单位为毫米),填入软件提示的相应框中即可(同打印机打印也会有微小的...
  • 命令,导出PDF,也是正常的,直接打印有问题,不是打印机的问题,用Adobe PDF打印机也是不行 如果只有例的话用上述命令保存PDF文件可以解决, 如果大批量的话,调整样式,右缩进0.05CM 多余的显示在下...
  • 简易电脑开票软件是款简单实用,很人性化的,可以用户自己定义界面和打印格式的票据管理软件。资料自动保存,方便以后查询和统计分析。录入操作自动记忆,次录入后下次可以直接选择了。适用范围广,是您开单...
  • cad图纸批量打印工具

    2010-06-01 11:31:20
    ¨ 打印设置:使用AutoCAD的页面设置命令对当前打印机、当前纸张大小、当前打印样式表进行设定。最后请点击“确定”或“OK”回到主对话框。无需设定窗选范围,居中打印打印比例、旋转等等,因为本程序会根据选中的...
  • 激光打印机等设备进行打印。程序还支付淘宝订单自动读取功能。直接在程序中登录你的淘宝帐号,程序可自动读取到需要发货的订单信息。自动抓取收货人的信息。你从此摆脱手工填写快递单的痛苦生活。  ★★程序...
  • 序铭快递单打印软件V1.1 软件说明 ...快递打印不再为手写快递单 写到手抽筋发愁 软件不断升级,下版本功能更强大, 软件介绍: ...根据拖动文字输入框位置跟面单底图适配,最后保存,快递模板新建完成。
  • 打印位置所采用的打印机为HP LaserJet1020 PLUS(激光打印机),设置信息保存在软件目录下面的system.ini文件;平时可以将此文件备份。  请您在使用过程中,如有发现任何问题、意见及建议,及时与我们联系,我们将...
  • 4、独家支持小票打印机打印,可快速打印小票,帮助你解决打印成本。 5、独家支持货品多计量单位发货(比如,你可以按“盒”送货,也可以按“件”送货,系统可会自动折算成基本单位)。 6、丰富的统计汇总报表,...
  • DocuCom PDF Driver 6.50

    2010-07-19 16:07:34
    有名的PDF虚拟打印机,安装后控制面板的“打印机和传真”里会多出打印机(名称可以随意改),以后你从任何软件里选“打印”时选中该打印机进行打印会弹出个对话框,你选择保存pdf的位置。也就是说,有了...
  • 任何文档 转 pdf

    2010-01-22 02:58:47
    该软件适用于所有提供了打印选项的应用软件,只需要简单地选择最近添加的 BullZip PDF Printer 而取代你通常使用的打印机即可,文档会被转换和保存为 PDF 文件. BullZip PDF Printer 不在你的文档当中添加任何...
  • epson counter reset

    2011-06-07 19:54:01
    Head ink shots:显示打开打印机到完成某一打印任务后,每种颜色的墨水消耗量。即使打开打印机时没有运行此程序,在打印任务完成后也可显示。 Refresh: 刷新监测类型数据。  2.设置窗口(下图)Installed Printer: ...
  • LBS条码标签设计软件您告别高价条码标签打印机,使用普通的A4喷墨/激光打印机和A4不干胶贴纸,便可打印条码价格标签,完全媲美专业高档标签打印机打出的效果,使用更加方便。将打出的不干胶贴标签贴在服装吊牌上,...
  • 免费生成PDF文档

    2007-03-22 16:39:00
    介绍个开源的:PDFCreator装完了会在系统的打印机中多项:PDFCreator以后如果想把个文件转成PDF格式,只要打印到PDFCreator可以了,PDFCreator会你选择个路径和文件名来保存生成的PDF文件。很方便。

空空如也

空空如也

1 2 3 4
收藏数 80
精华内容 32
关键字:

打印机一打印就让保存