webform JS打印方法

<%@ 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>

时间: 2024-10-12 19:06:04

webform JS打印方法的相关文章

js打印方法总结

前段时间做web项目用到了页面打印,在网上找了些资料,自己也试了很多方法,将这些方案列出下: 1.window.print()方法打印,所有主要浏览器都支持 print() 方法 这个方法很实用,只需要调用方法就可以打印,但是这是打印整个html,要想打印局部的话,要另做. 2.想要局部打印,通过jQuery插件就可以实现,现在网上有很多这样的插件,比如jqprint插件等等,可以非常方便的打印一个div,而且不会影响其他的.ie和谷歌是没问题的,其他没仔细测过. 3.想要局部打印,也可以通过一

js打印保存用户输入的内容

在用js打印局部页面时,遇到用户新输入的内容没能打印出来,经过观察,发现我采用的js打印方法是读取页面源代码,而用户输入的内容如果不将其写入到页面源代码中去,是打印不出来的,下面是我的解决方法: //获取标签自身 jQuery.fn.outerHTML = function (s) { return (s) ? this.before(s).remove() : $("<Hill_man>").append(this.eq(0).clone()).html(); }; St

JS打印和报表输出

JS打印和报表输出2008-07-15 22:16一打印: 转自:http://hi.baidu.com/afei0211/blog/item/20523955ca8bebc2b745ae98.html (1) 在实际应用中!特别是一些公司需要报表输出和打印!这个时候我们就会用到JS的打印和报表输出功能!当然打印很简单就是window.print();你也可以在按钮的onclick事件中写上return print()可以实现打印效果!这个时候打印你会发现打印出来的是整个页面,包裹着网站的log

转 js打印

JS打印 Javascript网页打印大全 普通打印(整页打)      打印网页内部分内容(自定义)        打印去掉/添加页眉页脚            使用外部控件/方法实现多功能打印            打印背景 以上为代码控制 设置“页面设置”实现打印参数设置(Window系统图文版) 一.普通打印(整页打) 这个不用多说,直接用 引用:window.print(); 二.打印网页内部分内容(自定义) 分三种方法实现 1.用css控制 引用:@media print .a {d

浏览器打印方法总结

1. 关于打印,浏览器有自带的打印方法,但是有个问题就是它只能打印整个页面.如果需要打印局部会比较麻烦.具体实现方法可以看下面代码: function doPrint() { bodyHtml = window.document.body.innerHTML; sPrintStr = "<!--startprint-->"; //开始打印标识字符串有17个字符 ePrintStr = "<!--endprint-->"; //结束打印标识字符

pdf.js打印

为了使在不同浏览器上打印显示页面一样,最终选择使用pdf.js打印效果. 直接把下载的pdf文件夹放到项目的js目录下 页面上 <a  target="_blank" style="position:absolute;" id="jump"><span></span></a> <a class="btn btn-primary print_"  href="jav

web前端课程技术总结Node.js 使用方法及相关方法分析

Node.js 使用方法及相关方法分析 首先我们要了解什么是node.js? 官方解释是:node.js是一个基于Chrome v8引擎的javascript 运行环境.Node.js使用了一个事件驱动.非阻塞式 I/O的模型,使其轻量又高效.他是由c++编写的 所以速度很快 简单来说 就是一个js 的运行环境,所以他开发用的语言是js语言 ,通过node去编译你的js文件 node.js 的安装 1)npm i -g 全局(电脑只需安装一次) 2)npm i --save -dev /-D/(

js通过方法返回对象的注意点

问题:js通过方法返回一个字面量对象和返回一个提前已经定义好的字面量对象有区别吗? 答案:有 我们先来看看第一种情况,fun1方法返回一个提前没定义的字面量对象,然后通过调用方法返回三个对象,分别是obj1, obj2, obj3,然后我修改obj2对象的age方法,打印obj1, obj2, obj3,的age属性分别是什么? 1 //第一种情况: 2 function fun1() { 3 4 return { 5 uname: `ash`, 6 age: 18 7 } 8 //这里返回一个

盈创动力之 JS校验方法

var IS_NULL = 128; // 10000000var IS_FULL = 64; // 01000000var IS_HALF = 32; // 00100000var IS_ASCII = 16; // 00010000var IS_NUM = 8; // 00001000var IS_DATE = 4; // 00000100var IS_PHONE = 2; // 00000010var IS_EMAIL = 1; // 00000001var IS_NOT_NULL = 0