js打印小票（用iframe实现）

注意：js打印小票我知道的有俩种实现方式：iframe和window.open方式，因为window.open点击下载之后浏览器会自动新建网页，所以我用的是iframe 我用iframe的具体实现方式

应用场景点击详情页可看到交易数据然后点击打印小票
实现方式：iframe标签是在详情页A.jsp,然后新建B.jsp排版好小票内容再将所需要的数据从详情页A.jsp传到B.jsp
A.jsp:

function printdetails() {var url = "B.jsp?"+"submchname="+detaildata.sub_mch_name/* 后面拼数据即可*/        /*这是之前用window.open()实现的window.open(url,"补打小票","toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");$("#content").find('.my-refresh-overlay').remove();$("#content").find('.my-showpanel').remove();*/$("#exportTarget").attr("src",url);

}
iframe标签的function（详情页的点击事件）和$("#exportTarget")的function（下载的点击事件）不是同一个哦
B.jsp:

function init() {var query = location.search.substring(1);var values= query.split("&");for(var i = 0; i < values.length; i++) {var pos = values[i].indexOf('='); if (pos == -1) continue; var paramname = values[i].substring(0,pos);var value = values[i].substring(pos+1); if(paramname=="submchname"){document.getElementById('submchname').innerHTML="商户名称:"+decodeURI(value);}else if(paramname=="storename"){document.getElementById('storename').innerHTML="门店名称:"+decodeURI(value);}var printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'></head><body>";var print = document.getElementById('carprint').innerHTML;printStr = printStr + print + "</body></html>";printStr = printStr.substring(0,printStr.length-1);//console.log(printStr);window.document.write(printStr);window.document.close();window.print();

可以转载，请注明出处！谢谢！您的认可（能帮助到您）就是我更新的动力！

js打印小票（用iframe实现）相关推荐

vue热敏打印机_electron + vue项目实现打印小票功能
前言:该文章需要一定的electron基础同学.如需了解更多相关信息,请移步electron官方文档. 一.需求: 公司项目需要通过electron调用系统打印机,实现打印小票的功能. 二.分析: e ...
vue原生js打印插件
##需求在vue单页面应用中打印目标区域 ##解决方案使用原生window.print var printhtml = window.getElementById(dom).innerHtml / ...
vue项目使用LODOP打印小票功能
毕业后第一份工作是做后台管理系统的,项目中要求有打印小票功能,然而我并不知道,该怎么写,百度了很多.一开始在网上查到很多都在用electron+vue我以为我可以用这个呢,搞了两天,才发现这是做桌面软 ...
C#打印小票（连续自动打印）
#自动打印小票方法一(后端生产打印代码) 注意前端需要引用(LodopFuncs.js,JsBarcode.all.min.js,jquery.js)当然还有安装打印机驱动还有Lodop的驱动前端 ...
js打印页面图片(批量)
js打印页面图片(批量) html代码: <body><button onclick="printThisWindow()">打开</button&g ...
vue热敏打印机_electron + vue项目实现打印小票功能及实现代码
一需求: 公司项目需要通过electron调用系统打印机,实现打印小票的功能. 二.分析: electron打印大概有两种: 第一种:通过window的webcontent对象,使用此种方式需要单独 ...
使用jQuery.print.js打印
在网页开发的过程中不可避免会使用到浏览器的打印功能,通常情况下开发者需要在打印完成后提示用户进行确认,然后发送更新请求.作者在写这篇博文之前遇到过类似的应用场景:在开发某景区的兑票系统的时候,项目方要 ...
vue打印功能手持终端打印小票，电脑连接打印机打印预览
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...
js打印html页面中的指定内容？
js打印html页面中的指定内容? 文章发布日期: 2017-12-20 文章更新日期:2018-01-08 添加demo下载下载地址传送门->点击去下载声明,所有的打印页面都叫,inde ...

js打印小票（用iframe实现）

js打印小票（用iframe实现）相关推荐

最新文章

热门文章