Web 应用中使用打印机打印网页信息
来源:互联网 发布:阿里云挂载数据盘设置 编辑:程序博客网 时间:2024/06/09 00:10
最近在公司项目中需要用到是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();
}
- Web 应用中使用打印机打印网页信息
- js调用打印机打印网页
- 在Android应用中使用Log打印日志信息
- [Web]网页中实现局部打印功能
- 基于C#在WPF中使用斑马打印机进行打印
- JQuery使用打印机打印div
- 如何实现客户端打印web应用上的文件,打印机在客户端上
- JS调用打印机打印Web页面
- JS调用打印机打印Web页面
- 4Fang打印控件直接指定打印机打印网页
- 使用ScriptX控件进行Web打印IIS服务器始终弹出打印机选择的问题
- Android中使用枚举打印Debug信息
- linux中使用backtrace打印调试信息
- Android中使用printf打印信息
- win32中使用打印机
- WEB打印系列教程之二--使用IE的打印功能进行一般的网页打印
- WEB打印系列教程之二--使用IE的打印功能进行一般的网页打印
- qt中调用打印机打印字符
- Golang标准库文档
- SpringBoot的优点及缺点
- ubuntu14.04 ceph分布式集群搭建(二)
- PHP应用函数实现小功能
- pat:1040. 有几个PAT(25)
- Web 应用中使用打印机打印网页信息
- Redis中的GETBIT和SETBIT
- 最佳实践--重命名数据库
- HDU
- 动态规划小心得(结合数字三角)
- 微信开发接口封装调用
- 经典算法-打印杨辉三角形
- celery confirm 机制
- Spark入门(六):共享变量(累加器和广播变量)