在工作中出现web打印的情况是非常多的,其实这也是一个比较烦人的问题,这篇博客整理一下关于Web打印的一些方法或者方式。

1. window.print()

这个方法是用来打印网页的,页面上的其他的元素也会被打印处理,在打印的时候页眉页脚是不太好控制的。

所以如果使用这种方法的话最好将结果放到两个注释中间,之后通过JS来实现打印区域的功能。

具体做法:
<!--startprint-->
     <div align="center">
         <!--省略部分代码-->
     </div>
  <!--endprint-->
 
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();

特别注意:使用window.print方法是不能够打印IE浏览器中的移动或者旋转的动画的,但是在非IE浏览器中是可以支持的。

2. Jquery打印

下面一个是用Jquery框架写的一个web打印控件的功能。

代码如下:

(function ($) {
    var printAreaCount = 0;
    $.fn.printArea = function () {
        var ele = $(this);
        var idPrefix = "printArea_";
        removePrintArea(idPrefix + printAreaCount);
        printAreaCount++;
        var iframeId = idPrefix + printAreaCount;
        var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
        iframe = document.createElement('IFRAME');
        $(iframe).attr({
            style: iframeStyle,
            id: iframeId
        });
        document.body.appendChild(iframe);
        var doc = iframe.contentWindow.document;
        $(document).find("link").filter(function () {
            return $(this).attr("rel").toLowerCase() == "stylesheet";
        }).each(
                function () {
                    doc.write('<link type="text/css" rel="stylesheet" href="'
                            + $(this).attr("href") + '" >');
                });
        doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html()
                + '</div>');
        doc.close();
        var frameWindow = iframe.contentWindow;
        frameWindow.close();
        frameWindow.focus();
        frameWindow.print();
    }
    var removePrintArea = function (id) {
        $("iframe#" + id).remove();
    };
})(jQuery);
 
 
<input type="button" id="btnPrint" value="打印"/>
<div id="printContent">要打印的内容区域<div>
 
<script type="text/javascript">
$(function(){
        $("#btnPrint").click(function(){ $("#printContent").printArea(); });
});
</script>

3. HttpPrinter控件

HttpPrinter打印控件,界面大方、使用简单、但无签名,支持打印预览、直接打印,可设置页眉、页脚、页边距、打印份数、纸张大小等信息。

4. 6612345免费网页打印浏览器- 一个集网页打印 网页拍照 报表打印 串口读取 为一体的 超级浏览器
 
官方的介绍是这样的:

支持如下功能特点:

1. 支持网页静默打印,只要一句js即可;

2. 拖拽即可完成设计,支持 fastreport, reportmachine, gridreport

3. 强大的报表功能,管它什么报表, 交叉的,嵌套的,还是二维码,图片等等,都支持.

4. 打印机:只要是能用的打印机,都支持,针式打印机、激光打印机、小票打印机,证卡打印机等等,都不在话下,而且当有多个打印机时可以指定打印机;

5. 支持web拍照.

6. 支持读取身份证设备 ( 普天 新中新 神思 精伦 ).

7. 支持pdf静默打印

8. 支持图片打印

9. 支持串口通讯

10. 多语言支持:中文简体,中文繁体,英语,法语,德语,意大利语,日语,韩语,葡萄牙语,俄语,西班牙语.

其实关于打印控件还有很多,找到自己最合适的才是硬道理,如果还有更多的web打印实现方法,可以给我留言。

web打印的几种方法(2023)相关推荐

  1. tomcat部署web应用的4种方法

    Tomcat发布项目的方式大致有三种,但小菜认为通过在tomcat的conf/Catalina/localhost目录下添加配置文件,来发布项目,是最佳选择. 因为这样对tomcat的入侵性最小,只需 ...

  2. html页面打印+区域,实现web网页指定区域打印的三种方法

    通过本教程可以实现,将印web网页指定区域的内容,本教程将提供三种方法实现. 方法一:打印网页指定区域 HTML 在需要打印的内容 // 页面上的内容大小调整可以css调整或容器包容 打印容器内的内容 ...

  3. 全网最新的vue.js下载和安装的3种方法(2023年)

    文章目录 1. 文章引言 2. 环境搭建 3. 安装vue.js 3.1 方法一:官网下载vue.js源代码 3.2 方法二:使用npm install创建 3.3 方法三:使用bower下载 4. ...

  4. .NET应用程序中异步调用Web Service的几种方法 come from: veryhappy(wx.net)

    测试程序界面 图一,调用前界面 图二,调用后界面 详细代码实现 闲言少叙,直接进入主题吧.首先一个声明一个类(将来在客户端与服务器间传递): public class Class1     {     ...

  5. 前台页面通过ajax环境和js调用web service的几种方法

    目录: 1.配置ajax环境 2.js中调用web service (ajax环境) 方法一 3.方法二 4.方法三 5.ajax中的错误处理 //6.写的比较快 如果有疏忽之处  如能指出感激不尽. ...

  6. python打印菱形三种方法_用python打印菱形的实操方法和代码

    python怎么打印菱形?下面给大家带来三种方法: 第一种 rows = int(input('请输入菱形边长:\n')) row = 1 while row <= rows: col = 1 ...

  7. django实现web分页的三种方法

    先看一下这三种方法的效果图 方案一,可以简单的完成上下页,当前页的显示 <div class="pagination"> <span class="st ...

  8. 用计算机无法解决打印所有,解决打印机无法打印的10种方法

    在使用Windows程序向本地打印机发出打印文档的命令后,如果文档根本无法打印该怎么办呢?下面笔者以Epson LQ-1600K(爱普生针式打印机)为例教你几招,希望能解你燃眉之急. 一.使打印机处于 ...

  9. web上传图片的几种方法!

    1.表单上传 最传统的图片上传方式是form表单上传,使用form表单的input[type="file"]控件,打开系统的文件选择对话框,从而达到选择文件并上传的目的. 表单上传 ...

最新文章

  1. SharePoint KB
  2. android combobox控件,Android中的组合框
  3. c#跨线程操作控件(有UI操作)|及多线程操作
  4. cvAdaptiveThreshold源代码的解析
  5. python中tkinter模块pack_使用Python中的tkinter模块作图的方法
  6. 写一个NSString类的实现
  7. 全球及中国差旅费管理系统行业趋势分析与投资前景建议研究报告2022-2028年版
  8. 多线程实时数据采集MFC VISUAL C++ /C++
  9. 关于内存条的知识要点⑴
  10. 云计算机技术与应用学什么的,云计算技术与应用专业学什么 主要课程
  11. Mac OX 下方便的微信语音,图片,视频等导出方式
  12. 幽灵蛛(pholcus)(四)--正则表达式学习资料
  13. [SSL_CHX][2021-10-15]移动路线
  14. J2SE总结(持续更新)--hxx_jmr
  15. android各版本api区别,Android各个版本API的区别
  16. jmap命令(Java Memory Map)
  17. android 反色 java_Android6.0状态栏图标原生反色操作
  18. Python综合评价模型(三)秩和比法
  19. [js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用
  20. 采购管理主要流程有哪些?

热门文章

  1. app的安全性设计策略
  2. 2018年尾总结 | 稳中成长
  3. java面向对象程序设计 论文_基于JAVA面向对象程序设计
  4. 大型计算机主机通常是,通常所说的PC机是指 A.中型计算机 B.小型计算机 C.大型计算机 D.微信计算机...
  5. 详解 Flutter State 生命周期
  6. 吉林大学966java_2021年吉林大学计算机考研科目
  7. jquery学习之tab切换及动画效果,涉及animate(),siblings()
  8. 三星a9s参数_【三星GalaxyA9s评测】不看后悔 三星A9s不知道这8件事等于白买(全文)_三星 Galaxy A9s(8GB RAM/全网通)_手机评测-中关村在线...
  9. python汉诺塔递归算法流程图_详解汉诺塔Python递归程序
  10. linux 服务器运行慢,Linux运行慢?找出原因