zoukankan      html  css  js  c++  java
  • 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个标签才行···

     

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

    希望知道的告诉下

  • 相关阅读:
    django ajax使用
    vim--分屏快捷键
    django csrf
    django mysql使用
    官方文档地址
    图解http 学习
    Terms
    Data Center Group
    Misc
    FTDI CDM Drivers 2.06.00
  • 原文地址:https://www.cnblogs.com/bayker/p/1624621.html
Copyright © 2011-2022 走看看