web网页打印的方法(浏览器通用)

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

时间: 2024-11-08 04:49:33

web网页打印的方法(浏览器通用)的相关文章

web网页打印的方法

WebBrowser.ExecWB的完整说明 document.all.WebBrowser.ExecWB WebBrowser控件实现对IE浏览器的各种控制 在不是js打开的页面上按window.close(),会有提示框,很烦,现在可以不用了,没有提示框直接关闭窗口. 试试下面代码: <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961_340A_11D0_A96B_00C04FD705A2

web的各种前端打印方法之CSS控制网页打印样式

来源:http://www.jb51.net/web/70358.html CSS控制网页打印样式: 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措.如果你也有这种现象,那么我告诉你吧,在W3school查到CSS的midia的作用. midia 定义和用法: media 属性规定被链接文档将显示在什么设备上. media 属性用于为不同的媒介类型规定不同的样式. 原来用到media来指定css的媒体类型,它的

android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具

Android设备打印比较麻烦,一般设备厂商都提供原生app开发的SDK,我们web开发者为难了,不会原生开发啊 给大家提供一个思路,实现web加壳,利用打印浏览器实现 简单来说就是把我们的web页面嵌入浏览器中 web页面的打印功能通过js与浏览器互动 浏览器通过调用硬件SDK实现打印 1.机器安装最新SDK,已安装请忽略 2.下载安装本页下载连接中的打印浏览器并安装 3.对照下方事例代码,修改web页面打印功能 4.打印浏览器中打开web页面,测试打印功能 5.默认主页可以在SD卡根目录修改

Chrome 浏览器 用GPU硬件加速 让你的web 网页飞起来

摘要:Chrome 浏览器 用GPU硬件加速 让你的web 网页飞起来 安迪儿日前看到这篇介绍,好奇的试了一下 Google Chrome 8.X 版号三级跳,硬件加速再等等 就把原来的chrome 由原来的Stable稳定版本又再更新成Dev开发版本(直接点下去安装就换了) PS:10/21因为安迪儿的好朋友阿舍谈到关于Ubuntu Chrome Dev的事,安迪儿找了一下 用Ubuntu.Linux的朋友们,请到这边捉自已要的Chrome dev版本Subscribing to a chan

适用于Mac电脑的Web网页浏览器哪款好用?iCab Mac版好用吗?

适用于Mac电脑的Web网页浏览器哪款好用?iCab Mac版好用吗?iCab for Mac是另一款Web浏览器.它支持HTML4,图像过滤,cookie过滤,书签,java和javascript支持,搜索模式,从资源管理器导入Web档案,下载管理器以及许多其他浏览器中没有的有用功能. iCab for mac功能特点 过滤广告横幅等等 iCab可以阻止不需要的内容,如广告和弹出式窗口.此外,许多设置可以根据您访问的页面的URL自动配置,因此您可以针对不同的网站设置单独的浏览器设置. 信息模式

WEB页面打印--打印指定区域,页面预览,页面设置

转载http://hi.baidu.com/zyb512/blog/item/e9cf70441ce0984a500ffe79.html 1.利用组件把报表的内容生成WORD文档或者是Excel文档,导出以后利用Office自带的打印功能进行打印 2.在网页上利用javascript或者是其他基于javascript和其他语言的组建 下面详细介绍这两种方法 1.生成word或者是Excel文档,当要打印的区域内容为文本的时候适合导出为Word文档来处理,当要打印的内容为表格的时候适合导出为Exc

web在线打印,打印阅览,打印维护,打印设计

winform打印的方案比较多,实现也比较容易,而且效果也非常炫:但现在越来越多的系统是web系统,甚至是移动端.网上也有非常的web打印方案,但各式各样的问题非常多,比如js兼容性,稳定性等一直缠绕着众多的程序员,或者就是web 打印需要浏览器安装 ActiveX 组件,ActiveX安装不容易成功等等问题. 下面我们来看一种web在线阅览,在线编辑,在线打印的解决方案,Lodop这一款在线打印工具在各版本浏览器的兼容性表现不错,功能方面,我们常用的打印阅览,打印设计,打印机设置等他都提供了,

c# 网页打印全流程

说明:我要实现的就是将数据库中Group表的数据查找出来,替换打印模版中的内容,再将模版文件打印出来 1.准备好要打印的模版group_O_train.html 1 <div class="pagetitle title">出国(境)培训人员汇总表</div> 2 <div>项目编号:{项目编号}</div> 3 <table class="pagedtable" style="width:25cm;f

js实现网页打印分页打印

web打印思路:html页面本身带有打印功能window.print() 但是在打印时又不能word模板的要求来打印不能满足打印需求.同时我们打印的数据有时候是动态变化的需要按模板来打印我的处理方式是:1.按照word模板设计一个html页面模板,html页面包含了你所要输出的标签 例如:{名字}{时间} 打印区域,不打印区域,分页标签等 2.编写一个公用的打印类,传入参数使按照模板生成相应的数据,生成一个html页并显示. 3.打印 第一种方法:指定不打印区域比如页面的打印按钮等 使用CSS,