Web打印组件jatoolsPrinter

应用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>

二、给要打印的div取id名

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

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



注意事项：


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属性是版权信息，必须写。
												


											
web网页打印的方法（浏览器通用）的更多相关文章
	

    
								
  1. web网页打印的方法
		
    WebBrowser.ExecWB的完整说明 个人感觉的:致命缺点-----------------仅仅支持ie浏览器 document.all.WebBrowser.ExecWB WebBrowse ...
    
		
    2. 
						
  2. JS实现Web网页打印功能（IE）
		
    问题描述:     JS实现Web网页打印功能 问题解决:     这里主要使用WebBrowser控件的ExeWB在IE中打印功能的实现 WebBrowser介绍:         WebBrows ...
    
		
    3. 
						
  3. web的各种前端打印方法之CSS控制网页打印样式
		
    来源:http://www.jb51.net/web/70358.html CSS控制网页打印样式: 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人 ...
    
		
    4. 
						
  4. android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具
		
    Android设备打印比较麻烦,一般设备厂商都提供原生app开发的SDK,我们web开发者为难了,不会原生开发啊 给大家提供一个思路,实现web加壳,利用打印浏览器实现 简单来说就是把我们的web页面 ...
    
		
    5. 
						
  5. (转）WEB页面导出为Word文档后分页&横向打印的方法
		
    <html>    <HEAD>        <title>WEB页面导出为Word文档后分页&横向打印的方法 </title>    < ...
    
		
    6. 
						
  6. 截取完整网页图片的方法 Chrome 浏览器
		
    截取完整网页图片的方法:https://sspai.com/post/42193 要想使用截图功能,你需要首先确保 Chrome 已升级至 59 或更高版本.在想要截图的网页中,首先按下 ⌘Comma ...
    
		
    7. 
						
  7. JS 网页打印解决方案
		
    这些日子真是太忙了,项目太多了公司总是加班,而且这些项目中好多都用到的打印,所以学习了一段时间js的打印. 其实原来只是用到了简单的功能,现在要深入的了解才发现原来ie的网页打印也是如此的强大. 以下 ...
    
		
    8. 
						
  8. web网页练习
		
    一. HTML部分 1. XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同: XHTML 元素必须被正确地嵌套. XHTML 元 ...
    
		
    9. 
						
  9. 前端网页打印插件print.js(可导出pdf)
		
    在前端开发中,想打印当前网页的指定区域内容,或将网页导出为多页的PDF,可以借助print.js实现,该插件轻量.简单.手动引入.不依赖其他库.示范项目github:https://github.co ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. @media screen  针对不同移动设备——响应式设计
			
    概念: device-pixel-ratio:定义输入设备屏幕的可视宽度与可见高度比率. device-width:输入设备屏幕的可视宽度. orientation :屏幕横竖屏定向.landscap ...
    
			
    2. 
						
  2. String、StringBuilder、 StringBuffer 深入分析 源代码解析
			
    java学习有一段时间了.但学习的东西都是框架等东西,java基础知识有点遗忘.所以重温一下java基础知识.写写文章里面有错的希望大家指正共同进步~~ 一.String 大家常常会说使用" ...
    
			
    3. 
						
  3. Unity3d 摇杆奖励
			
    单个单元: publicclass RockerSingle : MonoBehaviour { // 枚举.类别 RockerType  rockerType; //是否有效,最上面的为无效,即为f ...
    
			
    4. 
						
  4. EasyNVR无插件摄像机直播之：摄像机网页低延时无插件直播实现
			
    背景需求 对于摄像机直播,客户反馈的最多就是实现web直播.摆脱插件,可以自定义集成等问题, 对于熟悉EasyNVR已经完美的解决了这些问题.然而对于web播放也存在一些问题,通常我们web播放RTM ...
    
			
    5. 
						
  5. Hibernate 表连接hql语句
			
    现有两个表 user 表 和 VIPcard 表 UserVo  user VIPcardVo 中含有 UserVo user select v from VIPCardVo v left join  ...
    
			
    6. 
						
  6. tomcat 编码问题
			
    默认情况下,tomcat使用的的编码方式:iso8859-1 修改tomcat下的conf/server.xml文件 找到如下代码:    < Connector port="8080 ...
    
			
    7. 
						
  7. Swift——(四)Swift中"#"的妙用
			
    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/twlkyao/article/details/31350841     在Swift中," ...
    
			
    8. 
						
  8. python基础1  ---python简介
			
    python基础 一.python前言 1.什么是编程语言 编程语言是程序员与计算机之间沟通的介质. 2.编程语言的分类 机器语言:机器语言是用二进制代码表示的计算机能直接识别和执行的一种机器指令的集 ...
    
			
    9. 
						
  9. MySQL的information_schema库
			
    information_schema数据库是MySQL自带的,它提供了访问数据库元数据的方式. 什么是元数据呢?元数据是关于数据的数据,如数据库名或表名.列的数据类型,或访问权限.有些时候用于表述该信 ...
    
			
    10. 
						
  10. weak 的内部实现原理
			
    问题 weak 变量在引用计数为0时,会被自动设置成 nil,这个特性是如何实现的? 答案 在 Friday QA 上,有一期专门介绍 weak 的实现原理.https://mikeash.com/p ...
    
			
    11.