• js打印例子


    代码
    <html>
        
    <head></head>
         
    <style type="text/css" media="screen">
              @media   print
    {         
                .print   {display
    :block;}   
                .notPrint 
    {display:none;}  
              } 
             
    </style>
             
             
    <script language="javascript">
            
    function preview()
            {
                bdhtml
    =window.document.body.innerHTML;
                sprnstr
    ="<!--startprint-->";
                eprnstr
    ="<!--endprint-->";
                prnhtml
    =bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
                prnhtml
    =prnhtml.substring(0,prnhtml.indexOf(eprnstr));
                window.document.body.innerHTML
    =prnhtml;
                window.print();
            }
        
    </script>
        
    <body>
            
            
    <form id="WebForm1" method="post" >
         
    <center>本部分以上不被打印</center>
         
    <!--startprint-->
         
    <div align="center">
             
    <asp:DataGrid id="dgShow" runat="server">
                  
    <!--省略部分代码-->
             
    </asp:DataGrid>
             
    <table>
                     
    <tr><td>打印打印打印打印打印打印打印打印</td></tr>
                 
    </table>
         
    </div>
         
    <!--endprint-->
         
    <center>本部分以下不被打印</center>
         
    <div align="center">
             
    <input type="button" name="print" value="预览并打印" onclick="preview()">
         
    </div>
         
    <style> @media Print { .Noprn { DISPLAY: none }}
         
    </style>
         
    <class="Noprn">不打印</p>
         
    <table id="datagrid">
             
    <tr>
                  
    <td>打印</td>
             
    </tr>
         
    </table>
         
    <input class="Noprn" type="button" onclick="window.print()" value="print">
    </form>

            
        
    </body>
    </html>

     -------------

    使用JS打印,

    代码
    <script language="javascript">
            
    function preview()
            {
                bdhtml
    =window.document.body.innerHTML;
                sprnstr
    ="<!--startprint-->";
                eprnstr
    ="<!--endprint-->";
                prnhtml
    =bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
                prnhtml
    =prnhtml.substring(0,prnhtml.indexOf(eprnstr));
                window.document.body.innerHTML
    =prnhtml;
                window.print();
            }
        
    </script>

    这段代码,他是打印

    <!--startprint-->和<!--endprint-->
    这个标记之间的网页内容。

    所以网页中要包含这个2个标签才行···

     

    但打印功能还有很多不知道怎么实现,比如:怎么去页眉页脚?怎么取消浏览功能?

    希望知道的告诉下

  • 相关阅读:
    android studio 修改应用程序图标
    [AppDelegate window]: unrecognized selector sent to instance 0x600002b178e0
    Error compiling file: /private/var/folders/tm/rj18p_ls10lb_fsqfc7h4trm0000gn/T/jetty-0.0.0.0-8081-WebRoot-_-any-/jsp/org/apache/jsp/login_jsp.java
    mac下eclipse突然打不开了,直接停在启动页上不动
    iOS下收不到通知,或者只收到一个通知
    名词:箭头函数
    名词:硬编码
    keil5开发工具
    Android系统源码学习步骤 ,linux学习方向
    小白学习Spark系列一:Spark简介
  • 原文地址:https://www.cnblogs.com/bayker/p/1624621.html
Copyright © 2020-2023  润新知