c-lodop打印网页内容

最近在做一个发票打印的功能，由于业务需要，所以要用html设计好打印样式，然后通过打印html页面的形式去打印内容。

首先。。。。。你得有一个设计好的样式页面，然后把数据注入到你的页面中。好，然后打开页面查看下效果。

window.open(url,'newindow','height=600,width=900,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');

好，页面搞定。

然后在本页做一个隐藏iframe效果。实现点击打印直接弹出打印界面，而不是这个页面

<iframe id="myiframe" name="myiframe" style="display:none"></iframe>

js代码。

self.frames['myiframe'].window.location.href=url;

好的，然后点击我们的打印按钮。

原理就是点击打印，然后查询数据，并把数据返回到发票设计的页面，然后在发票设计页面调用print()方法。 print方法是lodop自带的，不需要我们去写，代码如下。

<a href="javascript:;" class="btn-a" οnclick="print()"></a>

过程很简单，但也很曲折，我页面上列表的排列方式是在数据库中完成的，所以放到页面上后出现了空格和回车被解析的问题。

冥思苦想后决定使用pre标签试试，没想到碰巧让我给解决了。在此贴出代码

<pre>${item.FSMX}</pre>

原因就是html标签解析不了jsp代码。

c-lodop打印网页内容相关推荐

LODOP打印table表格宽度固定-超宽隐藏
之前有博文介绍关于超出div隐藏内容的:LODOP打印超过后隐藏内容样式里面提到了overflow:hidden;控制超出后隐藏,但是前面那篇用的是div,如果是在table中,由于table默认 ...
lodop打印html内容,Lodop打印控件在页面如何使用
Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件. 客户端本地打印角色(即用户访问网站后用自己链接的打印机进行客户端本地打印),步骤很少,部署简单: ...
【JS新手教程】LODOP打印复选框选中的任务或页数
之前的博文:[JS新手教程]LODOP打印复选框选中的内容关于任务:Lodop打印语句最基本结构介绍(什么是一个任务) 关于本文用到的JS的eval方法:JS-JAVASCRIPT的eval()方法 ...
关于Lodop打印控件
Vue项目中开发Lodop打印控件操作笔记. 1.进入官网下载控件,然后安装. 1 http://www.lodop.net/ 2.安装包里面有LodopFuncs.js,推荐使用官方js,网上也有很 ...
LODOP打印当前日期时间的方法
JS方法直接获取. 之前有个详细介绍的博文:LODOP打印用JS获取的当前日期本文也再演示一下,详细介绍见上面链接的博文,该方法此文不做详细介绍. 本文有三段:1.JS获取日期,2,.LODOP的F ...
使用JS打印网页内容及图片
1.利用jQuery打印插件jqprint:jquery.jqprint-0.3.js ; 2. window.print()的JS编写: <!DOCTYPE html> <html ...
详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题（底部）
C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...
Lodop打印设计（PRINT_DESIGN）介绍
打印设计(PRINT_DESIGN)界面上方有两栏菜单栏,举例说明(文本框,条码,图形等). (1)第一排最左侧第一个功能,位置移动:控制里面元素微上下左右移动,每次移动一个px. (用于微调,普通调 ...
uniapp中使用lodop打印控件实现app广域、局域网打印功能，亲测可用
文章目录前言一.本文目的二.使用步骤 1.准备工作 2.引入库文件 3.页面使用总结前言在项目中使用了lodop控件,然而蛋疼的发现这玩意uniapp app端不能直接使用,在vip售后群 ...
如何取消浏览器护眼色 Lodop打印图片有窗口颜色的边框
Lodop打印图片出现了边框,然而通常情况下是没有边框的,由于Lodop是基于本机的ie进行解析的,和IE的设置有关. 用户的电脑和习惯千差万别,有人喜欢给浏览器加上护眼色,而这一个行为可能导致Lod ...

c-lodop打印网页内容

c-lodop打印网页内容相关推荐

最新文章

热门文章