应接触到lodopp的需求 打印、
首先,在lodop官网下载相关文件(js、css等)
在下载的包里 除html页面外 其他的js、将css等复制到项目目录下,新建lodop文件夹。
在页面头部添加以下信息,请注意介绍的文件地址
<script language="javascript" src="../res/lodop/LodopFuncs.js"></script><object id="LODOP_OB" classid="clsid:2105C259-1E0c-4534-814-A7534CB4CA width=0 height=0> <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="../res/lodop/install_lodop32.exe"></embed></object>
有两种方法可以打印
第一种可以直接拼接打印js代码的信息
var LODOP=getLodop(); LODOP.PRINT_INIT(test套打); LODOP.SET_PRINT_PAGESIZE(1,200mm,152.4mm',''); //设置纸张高度 LODOP.ADD_PRINT_TEXT(10、250、157、20、客户公司名称); ///这里的数字是调整相应位置 LODOP.ADD_PRINT_TEXT(432,149,157,20,联系电话; //LODOP.PRINT(); ///直接打印 LODOP.PREVIEW(); ///打印预览
第二种是 在js之前,html代码写下打印信息 获取html内容 添加lodop
var LODOP=getLodop(); LODOP.PRINT_INIT(test套打); LODOP.ADD_PRINT_HTM“100%”,“100%”,“100%”,document.getElementById(textarea01).value); //LODOP.PRINT(); ///直接打印 LODOP.PREVIEW(); ///打印预览
<textarea rows="15" cols="80" style="display: none;" id=“textarea01”><table border="1" width="360" height="220" style="border-collapse:collapse;border:solid 1px" bordercolor="#000000"> <tr> <td width="100%" height="240"> <p align="center"> <font face="隶书" size="5" style="letter-spacing: 10px">郭德强</font> <p align="center"><font face="宋体" size="3">科学家</font></p> <p align="left"><font face="宋体" size="3"> 地址:中国北京社会科学院附近东街西胡同</font></p> <p align="left"><font face="宋体" size="3"> 电话:010-88811888</font></p> <p><br> </p> </td> </tr></table></textarea>
下面附上测试页面的代码
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4//loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><script type="text/javascript" src="../res/vankewebstyle/js/jquery-1.9.0.js"></script><script language="javascript" src="../res/lodop/LodopFuncs.js"></script><object id="LODOP_OB" classid="clsid:2105C259-1E0c-4534-814-A7534CB4CA width=0 height=0> <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="../res/lodop/install_lodop32.exe"></embed></object> <script type="text/javascript"> $(function(){ $("#kkk").click(function(){ var LODOP=getLodop(); LODOP.PRINT_INIT(test套打); LODOP.ADD_PRINT_HTM(10,“100%”,“100%”,document.getElementById(textarea01).value); /* LODOP.SET_PRINT_PAGESIZE(1,200mm,152.4mm',''); //设置纸张高度 LODOP.ADD_PRINT_TEXT(10、250、157、20、客户公司名称); LODOP.ADD_PRINT_TEXT(432,149,157,20,"联系电话"; */ //LODOP.PRINT(); LODOP.PREVIEW(); }) }) </script><body><embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0 pluginspage="../res/lodop/install_lodop32.exe"></embed> <textarea rows="15" cols="80" style="display: none;" id=“textarea01”><table border="1" width="360" height="220" style="border-collapse:collapse;border:solid 1px" bordercolor="#000000"> <tr> <td width="100%" height="240"> <p align="center"> <font face="隶书" size="5" style="letter-spacing: 10px">郭德强</font> <p align="center"><font face="宋体" size="3">科学家</font></p> <p align="left"><font face="宋体" size="3"> 地址:中国北京社会科学院附近东街西胡同</font></p> <p align="left"><font face="宋体" size="3"> 电话:010-88811888</font></p> <p><br> </p> </td> </tr></table></textarea> <input type="button" value=“打印凭证” id="kkk"/></body></html>
更多相关配置设置可查看官网
谷歌浏览器不支持下一次测试 其它火狐、ie、360、QQ浏览器都可以
补充:在谷歌或其他浏览器无法打印的情况下,找到以下方法
使用window的print方法 其他浏览(360)、等)不能预览 ,而是直接弹出打印设置,只有谷歌弹出打印预览界面 $("#kp").click(function(){ dy1html=document.getElementById(textarea01).value; //获取打印内容 window.document.body.innerHTML=dy1html; ///将获得的内容替换到当前页面 window.print(); //打印当前页面 document.location.reload(); //重新加载页面 })
此外,百度还在搜索
ireport、jqprint 插件
