手机版

JS实现快递单打印功能【推荐】

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

最近做项目需要打印快递单,在网上搜索了一下发现直接给出代码的比较少。

首先说一下射流研究…网页打印的几种方法:

1.window.print()

会弹出打印对话框

2.使用超文本标记语言标签引入网络浏览器控件

这种方式是其只兼容IE10以下的浏览器,其他浏览器不可使用

3.document.execCommand("打印")

类似window.print()

**4.采用框架插件

5.用浏览器打印第三方插件如lodpod等**

由于我这边不需要兼容ie10以下,而且个人不喜欢在反应项目中引入jquery,同时嫌第三方插件太麻烦,最终选择window.print(),具体这几种方法区别大家可以去网上查一下,这类博客很多。

废话不多说,直接贴代码

!DOCTYPE html html head meta charset=' utf-8 '标题打印/title link rel='样式表href=' ./print。CSS ' rel=' external no follow ' type=' text/CSS ' style=' text/CSS ' @ import URL(' print。CSS ')打印;/style脚本语言='javascript '函数remove _ ie _ header _ and _ footer(){ 0让HKEY根,HKEY路径,HKEY基;HKEY _根=' HKEY _当前_用户;根键路径=' \\软件\ \微软\ \互联网浏览器\ \页面设置\ \ ';请尝试{ let RegWsh=新的ActiveX对象(' WScript .shell’);HKEY _基='表头;RegWsh .正则表达式(HKEY _根HKEY _路径HKEY _密钥' ');HKEY _基='页脚;RegWsh .正则表达式(HKEY _根HKEY _路径HKEY _密钥' ');} catch (e) {} }函数printPage(printpage) { if(!窗户。窗口中的ActiveX对象| |“ActiveX对象”){//是否ie remove _ ie _ header _ and _ footer();}让newstr=打印页面。innerHTMl让旧字符串=document。尸体。innerhtml文件。尸体。innerhtml=newstr窗户。print();文件。尸体。innerHTMl=旧字符串;返回false}窗口。onload=function(){ let Bt=document。getelementbyid(' Bt ');让页面=文档。getelementbyid(' printPage ');Bt。onclick=function(){ printPage(page);} }/脚本/床头!-startPrint-div id=' printPage ' div id=' emsType ' class=' left ' span class=' variance '标准快递/span /div div id='条形码类='右' span class='偏差'二维码/span/div div id=' sender ' class=' left ' span class=' variance '寄件:/span spanxxxx/span /div div id='面积类='右侧' span class='偏差xxx区/span /div div id='收件人类='左侧' span class='偏差'收件:/span span class='偏差电影站人电影站手机

版权声明:JS实现快递单打印功能【推荐】是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。