应用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. sqlserver事务隔离小结
			
    SQL Server通过在锁资源上使用不同类型的锁来隔离事务.为了开发安全的事务,定义事务内容以及应在何种情况下回滚至关重要,定义如何以及在多长时间内在事务中保持锁定也同等重要.这由隔离级别决定.应用 ...
    
			
    2. 
						
  2. node.js express架构安装部署
			
    安装-g:表示全局安装(必须以安装node.js) npm install -g express-generator 创建一个express架构的项目文件夹express testWebApp 在pa ...
    
			
    3. 
						
  3. MySQL深度巡检
			
    1. IO层面检查   (1)IO检查   查看%util是否接近100%定位是哪个磁盘IO压力大 #iostat -x 1 10 (2)iotop定位负载来源进程 查看哪个PID占用IO最高 #io ...
    
			
    4. 
						
  4. ROS学习（二）——  配置ROS环境
			
    一.管理环境 p { margin-bottom: 0.25cm; line-height: 120% } a:link { } 如果你在查找和使用ROS软件包方面遇到了问题,请确保你已经正确配置了脚 ...
    
			
    5. 
						
  5. Android Studio中获取SHA1或MD5的方法
			
    原来在Eclipse中获取SHA1或者MD5,在IDE界面上就可以查找到. 切换到Android Studio后,如何查看呢?找了半天没找到.那就老办法命令行. 第一步.打开Android Studi ...
    
			
    6. 
						
  6. Java操作属性文件之工具类
			
    最近空闲时间整理一下平时常用的一下工具类,重复造轮子实在是浪费时间,如果不正确或者有待改善的地方,欢迎指教... package com.hsuchan.business.utils; import  ...
    
			
    7. 
						
  7. mysql优化笔记之分页
			
    过年闲得蛋疼,于是看看mysql优化,看了网上好多关于分页的优化方法,但是呢,我亲自试上一把的时候,没有出现他们说的现象...难道是我的机器问题么? 下面看看我的实践记录,希望看到的加入进来交流一下O ...
    
			
    8. 
						
  8. js模拟抛出球运动
			
    js练手之模拟水平抛球运动 -匀加速运动 -匀减速运动 模拟运动有些基本的思路,当前所在点的坐标,元素的长宽是多少,向右/向下运动x/y增加,向上/向左运动x/y减少,运动的路程是多少,用什么方程进行 ...
    
			
    9. 
						
  9. 2分钟 sublime设置自动行尾添加分号并换行：
			
    18:03 2016/4/162分钟 sublime设置自动行尾添加分号并换行:注意:宏文件路径要用反斜杠/,2个\\会提示无法打开宏文件.不需要绝对路径很简单利用宏定义:1.录制宏:由于是录制动作宏 ...
    
			
    10. 
						
  10. js遍历json
			
    function test1(){ var json = [{name:'wang',age:22,sex:1},{name:'tang',age:25,sex:1},{name:'yuan',age ...
    
			
    11.