企业网站怎么建立,wordpress 主题地址,定制系统软件开发,媒体代发网站首先在lodop官网下载相关文件#xff08;js、css等#xff09;#xff1a;http://www.lodop.net/download.html
在下载好的包里 除了html页面 其他的js、css等拷贝到项目的一个目录下、新建个lodop文件夹。 lodop主要接口函数如下#xff1a; ● PRINT_INIT(strPrintTaskN…首先在lodop官网下载相关文件js、css等http://www.lodop.net/download.html
在下载好的包里 除了html页面 其他的js、css等拷贝到项目的一个目录下、新建个lodop文件夹。 lodop主要接口函数如下 ● PRINT_INIT(strPrintTaskName)打印初始化 ● SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小 ● ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本项 ● ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加纯文本项 ● ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格项 ● ADD_PRINT_SHAPE(intShapeType, intTop,intLeft, intWidth, intHeight,intLineStyle ,intLineWidth ,intColor)画图形 ● SET_PRINT_STYLE(strStyleName, varStyleValue)设置对象风格 ● PREVIEW打印预览 ● PRINT直接打印 ● PRINT_SETUP打印维护 ● PRINT_DESIGN打印设计 在页面头部加入下面等信息、这里注意的是引入的文件地址
script languagejavascript src../res/lodop/LodopFuncs.js/script
object idLODOP_OB classidclsid:2105C259-1E0C-4534-8141-A753534CB4CA width0 height0 embed idLODOP_EM typeapplication/x-print-lodop width0 height0 pluginspage../res/lodop/install_lodop32.exe/embed
/object 打印有两种方式
第一种可以直接在js代码拼接打印信息
var LODOPgetLodop();
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(); //打印预览第二种是 html代码写好打印信息再到js 获取html内容 用lodop进行添加 var LODOPgetLodop();LODOP.PRINT_INIT(test套打);LODOP.ADD_PRINT_HTM(10,55,100%,100%,document.getElementById(textarea01).value);//LODOP.PRINT(); //直接打印LODOP.PREVIEW(); //打印预览textarea rows15 cols80 styledisplay: none; idtextarea01
table border1 width360 height220 styleborder-collapse:collapse;border:solid 1px bordercolor#000000trtd width100% height240p aligncenter font face隶书 size5 styleletter-spacing: 10px郭德强/fontp aligncenterfont face宋体 size3科学家/font/pp alignleftfont face宋体 size3 地址中国北京社会科学院附近东大街西胡同/font/pp alignleftfont face宋体 size3 电话010-88811888/font/ppbr /p/td/tr
/table
/textarea下面附上测试页面的代码
% page languagejava contentTypetext/html; charsetUTF-8pageEncodingUTF-8%
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
html
head
meta http-equivContent-Type contenttext/html; charsetUTF-8
titleInsert title here/title
/headscript typetext/javascript src../res/vankewebstyle/js/jquery-1.9.0.js/script
script languagejavascript src../res/lodop/LodopFuncs.js/script
object idLODOP_OB classidclsid:2105C259-1E0C-4534-8141-A753534CB4CA width0 height0 embed idLODOP_EM typeapplication/x-print-lodop width0 height0 pluginspage../res/lodop/install_lodop32.exe/embed
/object
script typetext/javascript$(function(){$(#kkk).click(function(){var LODOPgetLodop();LODOP.PRINT_INIT(test套打);LODOP.ADD_PRINT_HTM(10,55,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 idLODOP_EM typeapplication/x-print-lodop width0 height0 pluginspage../res/lodop/install_lodop32.exe/embedtextarea rows15 cols80 styledisplay: none; idtextarea01
table border1 width360 height220 styleborder-collapse:collapse;border:solid 1px bordercolor#000000trtd width100% height240p aligncenter font face隶书 size5 styleletter-spacing: 10px郭德强/fontp aligncenterfont face宋体 size3科学家/font/pp alignleftfont face宋体 size3 地址中国北京社会科学院附近东大街西胡同/font/pp alignleftfont face宋体 size3 电话010-88811888/font/ppbr /p/td/tr
/table
/textarea
input typebutton value打印凭证 idkkk/
/body
/html补充 用了window的print方法 在其它浏览360、等不能预览 而是直接弹出打印设置、只有谷歌弹出了打印预览的界面
$(#kkk).click(function(){dy1htmldocument.getElementById(textarea01).value; //获取打印内容window.document.body.innerHTMLdy1html; //将获取的内容替换当前页window.print(); //打印当前页document.location.reload(); //重新加载页面})转载https://www.cnblogs.com/dscs/p/5436127.html