lodop组件使用方法

来源:互联网 发布:面向过程的编程思想 编辑:程序博客网 时间:2024/06/06 23:24

到lodop官网下载组件

解压后新建一个文件夹lodop,将下图文件拷贝到文件夹中供给项目使用:

将文件夹lodop放到项目下,注意引用LodopFuncs.js时修改它引用CLodop_Setup_for_Win32NT.exe文件的路径

<script language="javascript" type="text/javascript" src="Lodop/LodopFuncs.js"></script>

<h2>演示如何打印当前页面的内容:</h2><input type="button" value="打印预览" onclick="javascript:prn1_preview()"><input type="button" value="直接打印" onclick="javascript:prn1_print()"><input type="button" value="选择打印机" onclick="javascript:prn1_printA()"><!-- 将要打印的内容通过div赋值--><div id="printDiv">Lodop打印测试Lodop打印测试</div>

<script language="javascript" type="text/javascript">    var LODOP; //声明为全局变量    //打印预览    function prn1_preview() {        CreateOneFormPage();        LODOP.PREVIEW();    }    //直接打印    function prn1_print() {        CreateOneFormPage();        LODOP.PRINT();    }    //选择打印机    function prn1_printA() {        CreateOneFormPage();        LODOP.PRINTA();    }    function CreateOneFormPage(){        LODOP=getLodop();        LODOP.PRINT_INIT("Mysql更改密码的四种方法");        LODOP.SET_PRINT_STYLE("FontSize",18);        LODOP.SET_PRINT_STYLE("Bold",1);        LODOP.ADD_PRINT_TEXT(50,231,260,39,"Mysql更改密码的四种方法");        //参数100表示距离左侧100px;88表示距离顶部88px        LODOP.ADD_PRINT_HTM(88,100,"80%","80%",document.getElementById("printDiv").innerHTML);    }</script>