javaScript打印功能实现

1、使用Jquery.print.js实现打印(兼容IE8):调用浏览器默认的打印功能,设置不多,不可设置打印位置;

$("#myElementId").print({
    globalStyles:true,//是否包含父文档的样式,默认为true
    mediaPrint:false,//是否包含media='print'的链接标签。会被globalStyles选项覆盖,默认为false
    stylesheet:null,//外部样式表的URL地址,默认为null
    noPrintSelector:".no-print",//不想打印的元素的jQuery选择器,默认为".no-print"
    iframe:true,//是否使用一个iframe来替代打印表单的弹出窗口,true为在本页面进行打印,false就是说新开一个页面打印,默认为true
    append:null,//将内容添加到打印内容的后面
    prepend:null,//将内容添加到打印内容的前面,可以用来作为要打印内容
    deferred:
 $.Deferred()//回调函数
}); 

2、使用Lodop打印插件进行打印:WEB端第三方打印控件,可以直接设置打印机纸张大小,位置等参数,缺点:必须要下载安装控件才可以;

控件调用、样式及下载可以登录官网查看:http://www.lodop.net/

直接引入LodopFuncs.js文件到页面,将在Lodop官网下载的压缩包解压,将控件放入Lodop.js所在文件夹,在Lodop.js中配置控件所在文件位置(一定要记得要配置控件的路径,不然当用户没有安装控件时,不能下载控件,也就不能进行打印),配置好控件路径后可设置打印参数:

参数设置、接口调用及样式Dome可以查看官网在线案列


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值