应用web化，不论对开发商，还是对用户来说，实在是一种很经济的选择，因为基于web的应用，客户端的规则很简单，容易学习，容易维护，容易发布。但对程序员来说，因为浏览器的局限性，却要面对很多挑战。怎么样来进行基于web的套打，就是这么一个令多数程序员头痛不已的问题。
基于web的套打，难度在于要将浏览器中呈现的html，精确地打印到票据中，而且能够实现对分页位置的控制。下面就ie浏览器所能采用的套打解决方案，来个汇总分析，希望对大家有所帮助。

jatoolsPrinter 是一款实现网页套打的免费工具。该工具的特点是可以直接对web页面进行精确的分页打印，这不仅使“会设计网页就会做网页套打”成为可能，也使项目经理们摆脱了预算紧张的压力。jatoolsPrinter通过在网页中嵌入控件，解决了web客户端精确打印，批量打印，打印配置自动保留等问题。jatoolsPrinter 官方正式免费版，支持ie6+，http://printfree.jatools.com。

功能特点：
真正免费，不加水印，没有ip或域名限制，不限时间，兼容ie6+
无须注册，下载即用
提供经过微软数字签名的cab自动安装包，安装更方便
长期升级保障，免费论坛支持，让你无后顾之忧
稳定可靠，启动速度远胜同类产品
常用功能集于一身，简约而不简单，软件大小只有84k

 

本文主要介绍jatoolsPrinter打印控件来完成web的打印功能，这个控件已经把打印功能封装的非常好，主要是把这个控件引入，之后写一些简单的js代码就能完成相应的打印功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <!-- 插入打印控件 -->

    <object id="jatoolsPrinter" classid="CLSID:B43D3361-D075-4BE2-87FE-057188254255"

        codebase="jatoolsPrinter.cab#version=5,7,0,0">

    </object>

    <script type="text/javascript">

        function doPrint(how) {

            //打印文档对象

            var myDoc = {

                documents: document,    // 打印页面(div)们在本文档中

                copyrights: '杰创软件拥有版权  www.jatools.com'         // 版权声明必须

            };

            // 调用打印方法

            if (how == '打印预览...')

                jatoolsPrinter.printPreview(myDoc);   // 打印预览

            else if (how == '打印...')

                jatoolsPrinter.print(myDoc, true);   // 打印前弹出打印设置对话框

            else

                jatoolsPrinter.print(myDoc, false);       // 不弹出对话框打印

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div id='page1' style='width:300px;height:300px;'>

    test

    </div>

    <input type="button" value="打印预览..." onclick="doPrint('打印预览...')"/>

    <input type="button" value="打印..." onclick="doPrint('打印...')"/>

    <input type="button" value="打印" onclick="doPrint('打印')"/>

    </form>

</body>

</html>

主要分几个步骤：

一、引入打印控件jatoolsPrinter

<!-- 插入打印控件 --> <object id="jatoolsPrinter" classid="CLSID:B43D3361-D075-4BE2-87FE-057188254255" codebase="jatoolsPrinter.cab#version=5,7,0,0"> </object>

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

二、给要打印的div取id名

三、编写js代码实现打印div的功能

（注意：在同一页面中,有多个可打印文档,他们可以用page_div_prefix属性来区别page_div_prefix前缀+page+页序号 构成可打印div的id,如前缀为 'report1' ,则找到以 'report1page1'为id的div作为文档首页该属性,默认值为空）



.csharpcode, .csharpcode pre

{

	font-size: small;

	color: black;

	font-family: consolas, "Courier New", courier, monospace;

	background-color: #ffffff;

	/*white-space: pre;*/

}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt

{

	background-color: #f4f4f4;

	width: 100%;

	margin: 0em;

}

.csharpcode .lnum { color: #606060; }


注意事项：


1. 控件在打印指定div对象时，如果纸张太小不够打印时，超出部分将被截掉(clip)。

  
2. 被指定的div中的内容，可以是html任何可见对象，图片，flash，或文本等等。


3. 控件打印时，边距可设，不设则取打印机默认值。


4. div的id必须连续，如果你的div，存在 'page1'、'page2'、'page4'，而不存在'page3'，则控件只打印前两页，'page4'不会被打印。


5. div对象在页面中的位置，可以是随意的，比如，page1显示在page2后面，也是合法的。


6. 指定的div会被打印，没被指定的html元素将不会被打印，比如，本示例中的‘打印’按钮，不会被打印。


7. copyrights属性是版权信息，必须写。


.csharpcode, .csharpcode pre

{

	font-size: small;

	color: black;

	font-family: consolas, "Courier New", courier, monospace;

	background-color: #ffffff;

	/*white-space: pre;*/

}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt

{

	background-color: #f4f4f4;

	width: 100%;

	margin: 0em;

}

.csharpcode .lnum { color: #606060; }
												


											
Web打印组件jatoolsPrinter的更多相关文章
	

    
								
  1. Web打印组件jatoolsPrinter(转载)
		
    应用web化,不论对开发商,还是对用户来说,实在是一种很经济的选择,因为基于web的应用,客户端的规则很简单,容易学习,容易维护,容易发布.但对程序员来说,因为浏览器的局限性,却要面对很多挑战.怎么样 ...
    
		
    2. 
						
  2. WEB打印插件jatoolsPrinter
		
    为什么选择 jatoolsPrinter 免费版? 支持无预览直接打印 真正免费,不加水印,没有ip或域名限制,不限时间,兼容ie6+ 无须注册,下载即用 提供经过微软数字签名的cab自动安装包,安装 ...
    
		
    3. 
						
  3. WEB打印的几种方案
		
    -------------------------------------------一  基于Web的打印方案比较分析-------------------------------- 基于web的套 ...
    
		
    4. 
						
  4. 2013第39周一Web打印
		
    2013第39周一Web打印 项目中遇到了Java Web打印问题,简单调用IE浏览器的打印不能完全满足要求,于是就搜集了Web打印相关的主题,简单汇总一下.web打印难点在分页.页面纸张设置,页眉页 ...
    
		
    5. 
						
  5. 开源免费且稳定实用的.NET PDF打印组件itextSharp（.NET组件介绍之八）
		
    在这个.NET组件的介绍系列中,受到了很多园友的支持,一些园友(如:数据之巅. [秦时明月]等等这些大神 )也给我提出了对应的建议,我正在努力去改正,有不足之处还望大家多多包涵.在传播一些简单的知识的 ...
    
		
    6. 
						
  6. Web打印--Lodop  API
		
    Lodop是一款专业的WEB打印控件,其设计目标是简单易用.功能足够强大,开创WEB打印开发的新局面. Lodop设计者对WEB下的打印开发任务进行了分类汇总,高度抽象,设计出仅用几个功能函数,就可实 ...
    
		
    7. 
						
  7. 专业的web打印插件
		
    Lodop是什么?参考官方网站:http://www.lodop.net/ 有人说她是Web打印控件,因为她能打印.在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来: 有人说她是打印编程 ...
    
		
    8. 
						
  8. ASP.NET MVC5+EF6+EasyUI 后台管理系统（55）-Web打印
		
    系列目录 前言 1.本次主要弥补工作流,用户表单数据的打印 2.使用JQprint做为web打印插件 3.兼容:FireFox,Chrome,IE. 4.没有依赖也没有配置,使用简单 代码下载:htt ...
    
		
    9. 
						
  9. Atitit.web ui  组件化 vs  mvc
		
    Atitit.web ui  组件化 vs  mvc   组件化  与 mvc并不矛盾..单双方适用的地方有所不同.. React推荐以组件的方式去重新思考UI构成,将UI上每一个功能相对独立的模块定 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 模拟提交API数据Pyqt版
			
    其实这个模拟提交数据之前已经写过篇: Python requests模拟登录 因为现在在做的项目中需要一个debug请求调试API,用PHP的CURL写了一个,又因Pyqt更能直观灵活的显示请求的参数 ...
    
			
    2. 
						
  2. 【Java EE 学习 74 下】【数据采集系统第六天】【使用Jfreechart的统计图实现】【将JFreechart整合到项目中】
			
    之前说了JFreechart的基本使用方法,包括生成饼图.柱状统计图和折线统计图的方法.现在需要将其整合到数据采集系统中根据调查结果生成三种不同的统计图. 一.统计模型的分析和设计 实现统计图显示的流 ...
    
			
    3. 
						
  3. 闪回查询（SELECT AS OF）
			
    使用Flashback Query的场景包括如下: 摘自官档 Recovering lost data or undoing incorrect, committed changes. For exa ...
    
			
    4. 
						
  4. 手机端页面rem自适应脚本
			
    什么是rem 参照 web app变革之rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对 ...
    
			
    5. 
						
  5. Python-基础练习题2
			
    编写登陆接口 输入用户名密码 认证成功后显示欢迎信息 输错三次后锁定 #!/usr/bin/env python # _*_ coding:utf8 _*_ import getpass Userna ...
    
			
    6. 
						
  6. mysql 表被锁时，需要执行的命令
			
    1. 错误代码:1100 Table 't_depart_info' was not locked with LOCK TABLES的解决方法 unlock tables;
    
			
    7. 
						
  7. ListView中的setOnScrollListener
			
    ListView是Android中最常用的控件之一,随着时代发展,RecyclerView有取代它的趋势,但是在一些老代码中,ListView依然扮演着重要的作用.项目中遇到一个需求,需要监听List ...
    
			
    8. 
						
  8. python学习6 web开发
			
    wsgi自带,用语构建简单服务器 例子 from wsgiref.simple_server import make_server def index(env, res): res('200 ok', ...
    
			
    9. 
						
  9. centos 6.5 yum安装 mysql 5.6
			
    1. 查看系统里面有没有mysql 的repo   yum repolist all | grep mysql 2. 如果没有发现,则需要配置repo 注意,如果要使用5.7 或者其他任何版本,只能有 ...
    
			
    10. 
						
  10. BZOJ 3144 [Hnoi2013]切糕 ——网络流
			
    [题目分析] 网络流好题! 从割的方面来考虑问题往往会得到简化. 当割掉i,j,k时,必定附近的要割在k-D到k+D上. 所以只需要建两条inf的边来强制,如果割不掉强制范围内的时候,原来的边一定会换 ...
    
			
    11.