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个标签才行···

 

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

希望知道的告诉下

原文地址:https://www.cnblogs.com/bayker/p/1624621.html