码迷,mamicode.com
首页 > Web开发 > 详细

webform JS打印方法

时间:2017-01-07 16:37:48      阅读:336      评论:0      收藏:0      [点我收藏+]

标签:结束   innerhtml   公安   lang   code   社区   xmlns   sub   dht   

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DaYin.aspx.cs" Inherits="DaYin" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
   
<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" runat="server">
    <div>
       
    <%-- -----------------------<center>本部分以上不被打印</center>-------------------------------%>
     <!--startprint-->
     <div align="center">    <%--绑定要打印的内容--%>
         <h2>用户详情</h2>
         <table border="1" cellspacing="0">
    <tr align="center">
        <td><input type="checkbox" name="checkId" value="" id="checkAll">序号</td>
        <td>姓名</td>
        <td>性别</td>
        <td>籍贯</td>
        <td>民族</td>
        <td>身份证</td>
        <td>出生日期</td>
        <td>文化程度</td>
        <td>政治面貌</td>
        <td>婚否</td>
        <td>固定电话</td>
        <td>移动电话</td>
        <td>所属小区</td>
        <td>楼号</td>
        <td>门牌号</td>
        <td>所属网格</td>
        <td>退伍军人</td>
        <td>迁入时间</td>
    </tr>
    <!--循环开始之地-->
    <tr align="center" data_id="1">
        <td rowspan="6"><input type="checkbox" class="checked" name="checkId" value="" id="checkId-">1</td>
        <td>刘</td>
        <td>男</td>
        <td>淄博</td>
        <td>汉族</td>
        <td>3703。。。</td>
        <td>1995.01.08</td>
        <td>大专</td>
        <td>团员</td>
        <td>未婚</td>
        <td>3199611</td>
        <td>152。。。。</td>
        <td>王社区</td>
        <td>13</td>
        <td>502</td>
        <td>第一网格</td>
        <td></td>
        <td>2016.11.26</td>
        
    <tr class="detail" data_id="1">
        <td colspan="3">户籍地:淄博市</tdcolspan>
        <td colspan="3">户籍登记地址:山</td>
        <td colspan="2">出生地:高</td>
        <td colspan="3">户籍地县级公安机关:高</tdcolspan>
        <td colspan="3">户籍地派出所:</td>
        <td colspan="3">工作单位;山</td>      
    </tr>
    <tr class="detail" data_id="1">
        <td colspan="14">属性标签:</td>
        <td colspan="4">社团:</td>
    </tr>
    <tr class="detail" data_id="1">
        <td colspan="3">产权人:孙悟空</td>
        <td colspan="15">居住人:刘</td>
    </tr>   
    <tr class="detail" data_id="1"></tr>
    <!--循环结束之时-->
</table>

     </div>

     <!--endprint-->
    <%-- ------------------------<center>本部分以下不被打印</center>------------------------  --%>

     <div align="center">
         <input type="button" name="print" value="预览并打印" onclick="preview()">
     </div>

    </div>
    </form>
</body>
</html>

 

 

 

 

    

webform JS打印方法

标签:结束   innerhtml   公安   lang   code   社区   xmlns   sub   dht   

原文地址:http://www.cnblogs.com/nbsp12138/p/6259498.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!