zoukankan      html  css  js  c++  java

  • c# asp.net webform web页面打印,可以控制需要打印和不需要打印的位置

    html页面的web打印示例

    Html代码 复制代码
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml" >  
    3. <head>  
    4.     <title>无标题页</title>  
    5.        
    6.     <script id=Script1 language=javascript>  
    7.     <!--   
    8.     function preview()   
    9.     {   
    10.         bdhtml=window.document.body.innerHTML;   
    11.         sprnstr="<!--startprint-->";   
    12.         eprnstr="<!--endprint-->";   
    13.         prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);   
    14.   
    15.         alert(prnhtml);   
    16.   
    17.         prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));   
    18.   
    19.         window.document.body.innerHTML=prnhtml;   
    20.         window.print();   
    21.     }    
    22.     -->  
    23.     </script>  
    24.       
    25.     
    26. </head>  
    27. <body>  
    28.   
    29. <form id="WebForm1" method="post" runat="server">  
    30. 黑色头发不被打印位置 一   
    31. <center>本部分以上不被打印</center>  
    32. <!--startprint-->  
    33. <div align="center">  
    34. 黑色头发要打印位置 二   
    35. </div>  
    36. <!--endprint-->  
    37. <center>本部分以下不被打印</center>  
    38. 黑色头发不被打印位置 三   
    39. <div align="center">  
    40. <input type="button" name="print" value="预览并打印" onclick="preview()">  
    41. </div>  
    42. <style> @media Print { .Noprn { DISPLAY: none }}   
    43. </style>  
    44. <p class="Noprn">不打印</p>  
    45. <table id="datagrid">  
    46. <tr>  
    47. <td>普通打印</td>  
    48. </tr>  
    49. </table>  
    50. <input class="Noprn" type="button" onclick="window.print()" value="print">  
    51. </form>  
    52.   
    53. </body>  
    54. </html>  


    不带母版的aspx页面打印

    Html代码 复制代码
    1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>  
    2.   
    3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    4.   
    5. <html xmlns="http://www.w3.org/1999/xhtml" >  
    6.   
    7. <script id=Script1 language=javascript>  
    8.     <!--   
    9.     function preview()   
    10.     {   
    11.         bdhtml=window.document.body.innerHTML;   
    12.         sprnstr="<!--startprint-->";   
    13.         eprnstr="<!--endprint-->";   
    14.         prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);   
    15.   
    16.         alert(prnhtml);   
    17.   
    18.         prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));   
    19.   
    20.         window.document.body.innerHTML=prnhtml;   
    21.         window.print();   
    22.     }    
    23.     -->  
    24. </script>  
    25.   
    26. <head runat="server">  
    27.     <title>无标题页</title>  
    28. </head>  
    29. <body>  
    30.     <form id="form1" runat="server">  
    31. 黑色头发不被打印位置 一   
    32. <center>本部分以上不被打印</center>  
    33. <!--startprint-->  
    34.  黑色头发要打印位置 二   
    35. <!--endprint-->  
    36. <center>本部分以下不被打印</center>  
    37. 黑色头发不被打印位置 三   
    38. <div align="center">  
    39. <input type="button" name="print" value="预览并打印" onclick="preview()">  
    40. </div>  
    41. <style> @media Print { .Noprn { DISPLAY: none }}   
    42. </style>  
    43. <p class="Noprn">不打印</p>  
    44. <table id="datagrid">  
    45. <tr>  
    46. <td>打印</td>  
    47. </tr>  
    48. </table>  
    49. <input class="Noprn" type="button" onclick="window.print()" value="print">  
    50.         <input type="button" name="print" value="预览并打印" onclick="preview()">  
    51. </body>  
    52. </html>  


    带母版的aspx页面打印

    要把js代码写在js文件里再调用,否则显示不正常

    preview.js

    Js代码 复制代码
    1. // JScript 文件   
    2.    <!--   
    3.     function preview()   
    4.     {   
    5.         bdhtml=window.document.body.innerHTML;   
    6.           
    7.         sprnstr="<!--startprint-->";   
    8.         eprnstr="<!--endprint-->";   
    9.         prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);   
    10.            
    11.          alert("prnhtml:"+prnhtml);   
    12.            
    13.         prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));   
    14.         window.document.body.innerHTML=prnhtml;   
    15.         window.print();   
    16.     }    
    17.     -->  


    aspx文件

    <%@ Page Language="C#" MasterPageFile="~/public/MenuIndexContainerHeader.master" AutoEventWireup="true" CodeFile="CFJDS.aspx.cs" Inherits="private_dzjc_DYSZ_CFJDS" Title="Untitled Page" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <script language="JavaScript" type="text/javascript" src="http://www.cnblogs.com/js/Move.js"></script>

    <script language="JavaScript" type="text/javascript" src="http://www.cnblogs.com/js/preview.js"></script>
    黑色头发不被打印位置 一
    <!--startprint-->
    黑色头发要打印位置 二
    <!--endprint-->
    黑色头发不被打印位置 三
    <input type="button" name="print" value="预览并打印" onclick="preview()">

    </asp:Content>
  • 相关阅读:
    [Swift]iOS开发之CATransform3D
    [Swift]iOS开发之锚点anchorPoint
    [Swift]iOS开发之ScrollView
    [Swift]iOS开发之不同界面传值
    [Swift]Xcode7设置网络请求权限
    tomcat非安裝方式，添加windows服務啟動方式
    tomcat配置环境变量
    .eslintrc.js
    vscode中eslint配置文件setting.json
    解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
  • 原文地址：https://www.cnblogs.com/jordan2009/p/1553602.html
Copyright © 2011-2022 走看看