应用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. Win10 UI入门 圆形控件
			
    动态模版绑定 http://blog.csdn.net/XXChen2/article/details/4552554
    
			
    2. 
						
  2. [UWP]UWP中获取联系人/邮件发送/SMS消息发送操作
			
    这篇博客将介绍如何在UWP程序中获取联系人/邮件发送/SMS发送的基础操作. 1. 获取联系人 UWP中联系人获取需要引入Windows.ApplicationModel.Contacts名称空间.  ...
    
			
    3. 
						
  3. 小规模的流处理框架.Part 1: thread pools
			
    原文链接:http://ifeve.com/part-1-thread-pools/ 很不错的一篇文章
    
			
    4. 
						
  4. ecplise + hadoop 调试环境搭建
			
    1.需要安装包 1.1 hadoop源码包(hadoop-2.5.2-src.tar.gz) 1.2 hadoop 2X插件(hadoop2x-eclipse-plugin-master.zip) 1 ...
    
			
    5. 
						
  5. TotoiseSVN的基本使用方法
			
    TotoiseSVN的基本使用方法 在 项目管理实践教程一.工欲善其事,必先利其器[Basic Tools]中,我已经讲解了怎样安装TortoiseSVN.在上面的讲解中已经讲了怎么使用VisualS ...
    
			
    6. 
						
  6. node - glob模块
			
    node的glob模块允许你使用 *等符号, 来写一个glob规则,像在shell里一样,获取匹配对应规则的文件. 这个glob工具基于javascript.它使用了 minimatch 库来进行匹配 ...
    
			
    7. 
						
  7. Unity.Interception（AOP）
			
            在前面我们学习到的是Unity依赖注入(DI)与统一容器来松散耦合,这个设计已经对我们系统带来了很多的好处.但是我们还会想尝试和遵循单一职责,开放封闭原则.比如我们不应该在我们的Bus ...
    
			
    8. 
						
  8. webpack2新特性
			
    增加 import() 作为代码分割点:System.import已被弃用,在webpack3时会被完全移除: 内置了json加载器,不再需要单独配置了 当打包文件过大时会提示性能警告,可以用 per ...
    
			
    9. 
						
  9. Python爬虫学习（8）：浙大软院网络登陆保持
			
    在浏览器的验证窗口中输入登陆名和密码后,成功后会弹出一个小的新窗口,如果不小心关闭了这个窗口,则就会无法联网.如果说我在一个不带有桌面的Linux系统中,我是不能够通过浏览器接入网络的,虽然提供了不同 ...
    
			
    10. 
						
  10. 测试...外部指针访问private
			
    #include<iostream> using namespace std; class A{ public: int* getPointer(){ return &m; } v ...
    
			
    11.