Lodop学习使用

         最近功能有一个打印页面的功能需要实现,接触了Lodop插件。Lodop是什么,摘录官网的一段话:
        
    有人说她是Web打印控件,因为她能打印、在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来;
    有人说她是打印编程接口,因为她介于浏览器和打印设备之间,是个通道和桥梁,几乎能想到的打印控制事项都能做到;
    有人说她是JavaScript的扩展,因为她所有功能就那么几个语句,和JS语法一样,一看就明白个究竟;
    有人说她是报表打印工具,因为那个add_print_table语句把报表统计的那点事弄了个明明白白;
    有人说她是条码打印工具,因为用了她再也不用后台生成条码图片了,前端一行指令就动态输出清晰准确的条码,一维二维都行;
    有人说她是图表打印工具,因为用她能输出几乎能想象的任何图表,虽然没那么豪华,但什么饼图、折线图、柱图甚至复合图等等都不在话下;
    有人说她是个小玩意,因为她体积太小了,才2M多,她所包含的其中任何一个对照工具都是她的好几倍(例如条码打印控件、图表控件等);
    有人说她是套打教案,因为以Lodop+JS实现套打这种模式,在网上已被吵吵为教科书般的解决方案;
    有人说她是Web打印控件的“终结者”,因为接触“她”后再不想别的“她”;
    有人说她就是一个Web编程小工具,因为有了她,在BS下的打印终于像cs下那种随意而高效了;
    但我们说,她是全国1000多家软件公司的智慧结晶,诞生7年了,几乎每个功能细节都蕴藏着无数开发者的期待和汗水;
    她就是Lodop,没有别的名称,她是web开发的必选伴侣...

    接下来介绍他的使用方法,首先是嵌入方式,通常情况下,在页面head中嵌入Lodop的引用代码,然后用一个全局对象变量来使用控件:
·在head中加入:

<script language="javascript" src="LodopFuncs.js"></script>
<object  id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> 
       <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
</object>

      然后是具体使用,我本身是打印全部网页,所以比较简单
LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));  
			LODOP.PRINT_INIT("打印");
			LODOP.ADD_PRINT_HTM(20,0,"100%","100%",document.documentElement.innerHTML);
			LODOP.PREVIEW();

至于具体的打印局部,或者更改打印样式,可以访问Lodop的官网,里面的介绍非常详细,简单易懂http://www.lodop.net/,我这里就不在赘述。
      分享让更多人受益!

你可能感兴趣的:(JavaScript,Web)