文档章节

Web 应用中使用打印机打印网页信息

 不说话先生
发布于 2017/09/01 13:43
字数 277
阅读 6
收藏 0

最近在公司项目中需要用到是web应用中打印用户的测试报告,所以就对这方面做了一些研究。

首先,如果单纯的只是打印web页面的所有信息,我们可以直接在JS的方法中使用

window.print()函数,即可调用浏览器的打印服务。亲测IE、Google  Chrome 、360极速、QQ浏览器和firxo可用。

然后,对于页面的某一些信息,是我们不需要的,这时候我们想要在打印的时候把它隐藏掉,

在打印结束以后在Web网页上的显示没有任何变化,这时候我们可以使用:

window.onbeforeprint()和window.onafterprint()方法进行处理。

示例如下:

(1)在打印的时候我需要隐藏掉我的打印按钮

 function beforePrint() {
            document.getElementById('printBtn').className = "hidden";
 }

(2) 在打印结束以后,我需要显示我刚才隐藏掉的打印按钮

 function afterPrint() {
            document.getElementById('printBtn').className = "btn btn-primary";
 }

(3)在打印的时候引用上述的两个方法

 function printReport() {
            window.onbeforeprint = beforePrint();
            window.print();
            window.onafterprint = afterPrint();
}

本文转载自:http://blog.csdn.net/backzero333/article/details/77226995

粉丝 1
博文 15
码字总数 0
作品 0
成都
程序员
私信 提问
pazu分享

PAZU 与WEB打印 4月19日 PAZU 与WEB打印 WEB打印控件PAZU介绍 收藏 IE直接打印一直是小项目中的打印解决方案,可是对IE不能进行过多的控制,也有许多不便之处,我在做手头的项目中就遇到了问...

iwzh
2014/07/08
124
0
专业的web打印插件

Lodop是什么?参考官方网站:http://www.lodop.net/ 有人说她是Web打印控件,因为她能打印、在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来; 有人说她是打印编程接口,因...

天才小龙
2018/01/05
0
0
生产制造追溯系统-再说条码打印

前言 在之前的博客中我介绍了如何实现生产现场的条码打印,我们的生活中到处都是条码,一维码、二维码随处可见,更别说一家从事生产制造加工的工厂了,而条码种类繁多、离线打印等情况就直接...

无 影
05/03
0
0
web报表开发技术专题六:尴尬的Web打印

自从电脑被发明以来,将电脑中的内容打印出来是自然而然的需求。进入互联网时代后便更是如此。但要想完美地实现 Web 打印功能却并非易事,甚至于根本都不可能彻底地解决好这个问题。 记得很早...

长平狐
2012/10/11
1K
1
通过linux 的pc端网站,连接(usb或者内网的)标签打印机进行打印 !

在互联网上发布了一个web浏览器的应用(linux环境 JAVA平台) 用户利用网络和浏览器登录系统后,怎么在页面上直接进行打印标签操作{ 比如佳博蓝牙\USB连接的打印机就可以打印出标签(标签数据来自...

车车来咯
2018/05/12
521
2

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.2K
15
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
38
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部