使用Lodop实现js自动打印，不弹窗预览

最新推荐文章于 2024-07-11 14:16:07 发布

举个栗子呀

最新推荐文章于 2024-07-11 14:16:07 发布

阅读量3.7k

点赞数

本文链接：https://blog.csdn.net/weixin_46043704/article/details/110181813

版权

使用LODOP实现自动打印，不弹出预览窗
LODOP下载地址：http://www.c-lodop.com/download.html
下载完之后会得到一个解压包，点击里面的CLodop_Setup_for_Win32NT.exe安装
在这里插入图片描述

安装完之后桌面会有一个图标

在这里插入图片描述
需要启动才能实现打印功能

实现后台代码如下：

第一步：把 LodopFuncs.js文件复制到你的项目中
在这里插入图片描述

第二步：开始写代码，先创建以html页面测试一下

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
 <script type="text/javascript" src="LodopFuncs.js"></script>
<script>
    var LODOP;
    setTimeout( function print(){
        LODOP=getLodop();
        LODOP.PRINT_INIT("测试打印");
        LODOP.SET_PRINT_PAGESIZE(3,48,20,"");
        LODOP.ADD_PRINT_HTM(10,10,300,200,document.getElementById('lodop').innerHTML);
        //直接打印
        //LODOP.PRINT();
        //打印预览
        LODOP.PREVIEW();
    },2000);  //500毫秒后执行print()函数，只执行一次。

</script>
</head>
<body>
<div id="lodop" >
    <table border="1" width="300">
        <tr>
            <td>name</td>
            <td><span>测试</span></td>
        </tr>
        <tr>
            <td>age</td>
            <td><span>20</span></td>
        </tr>
    </table>
</div>
</body>
</html>

效果图：

在这里插入图片描述
也可以使用js拼接html代码

js拼接html效果图

注释getLodop方法也可以实现打印