ActiveX控件的使用-js实现打印超市小票功能代码详解

2024-09-28 22:19:42

·应客户的需求= = ，要在网页端实现打印小票的功能

·先来一张打印出的小票效果图（合计明显不对，因为有修改订单功能，请各位忽略）

用什么方法实现呢：

我想应该是有三种吧

1.用第三方的浏览器控件（这个好似比较方便，我的老师也是这样建议我）向大家推荐一个 Lodop打印控件

2.用CSS写好模板，然后直接用页面打印的方法（应该是这样吧）

以上两种还没有尝试，这两天陆续尝试）

3.用微软自己的ActiveX控件(ActiveX控件可以实现调用本地的文件等操作（之前试过调用cmd，实现shutdown -s -t，在网页控制电脑的定时关机）)

当然这种方法的缺点也很明显：限操作系统-因为是微软的东西只能Windows下，限浏览器-因为ActiveX也只能在IE浏览器下。所以局限性比较大

实现过程：

1.编辑『word小票模板』，要用到word中『书签』这个工具（通过『书签』的定位，js就可以操作word在『书签』指定的位置进行修改、写入内容）

2.在js对word模板进行打开、赋值、打印操作

一、编辑『word小票模板』

　　　　1.以word2007为例，首先排好大致的样式

二、js

直接上源代码吧：

<input type="button" value="toPrinter " onclick="viewToWord();" />

- Hide code
function viewToWord() {
    //当前时间
    var Time;
    var today = new Date();
    Time = today.toLocaleString();

    try {
      // 创建ActiveXObject对象
      wdapp = new ActiveXObject("Word.Application");
    }
    catch (e) {
      console.log("无法调用Office对象，！", e)
      wdapp = null;
      return;
    }
    wdapp.Documents.Open("f:\\PrinterTemplate1.doc"); //打开本地(客户端)word模板
    wddoc = wdapp.ActiveDocument;
    wddoc.Bookmarks("OrderNum").Range.Text = "201509080959" + "\n";
    wddoc.Bookmarks("OrderName").Range.Text = "郑斌" + "\n";
    wddoc.Bookmarks("OrderAddress").Range.Text = "www.cnblogs.com/zhengbin" + "\n";
    wddoc.Bookmarks("OrderPhoneNum").Range.Text = "QQ:1746788394" + "\n";
    wddoc.Bookmarks("OrderDaocanTime").Range.Text = "10:00-11:00" + "\n";
    wddoc.Bookmarks("OrderTime").Range.Text = "09-08 10:15";
    //添加表格
    var myTable = wddoc.Tables.Add (wddoc.Bookmarks("OrderCart").Range,3,3);//(赋值区域,行数,列数)
    //隐藏边框
    var table=wdapp.ActiveDocument.Tables(1);
    table.Borders(-1).LineStyle=0;
    table.Borders(-2).LineStyle=0;
    table.Borders(-3).LineStyle=0;
    table.Borders(-4).LineStyle=0;
    table.Borders(-5).LineStyle=0;
    table.Borders(-6).LineStyle=0;
    for(i=1;i<=3;i++){//行
      //第一列
      with (myTable.Cell(i,1).Range){
        font.Size = 8;//调整字体大小
        InsertAfter("博客园"+i);//插入的内容
      }
      //第二列
      with(myTable.Cell(i,2).Range){
        font.Size = 8;
        InsertAfter(i);
        ParagraphFormat.Alignment=1;//表格内容对齐:0-左对齐 1-居中 2-右对齐
      }
      //第三列
      with(myTable.Cell(i,3).Range){
        font.Size = 8;
        InsertAfter("无价");
        ParagraphFormat.Alignment=2;
      }
    }
    wddoc.saveAs("f:\\PrinterTemp_cnblogs.doc"); //保存临时文件word
    wddoc.Bookmarks("TotalPrice").Range.Text = "无价" + "\n";
    wddoc.Bookmarks("Time").Range.Text = Time;
    //wdapp.ActiveDocument.ActiveWindow.View.Type = 1;
    wdapp.visible = false; //word模板是否可见
    wdapp.Application.Printout(); //调用自动打印功能
    wdapp.quit();
    wdapp = null;
  }

最后：

注意：

首先要调整好IE浏览器的 Internet选项-自定义级别（右边『ActiveX控件和插件』下，能启用的都启用）

『打印机脱机工作』一般是usb没有插好，换插口，重启打印机即可

有关ActiveX控件，简单介绍下：ActiveX是Microsoft对于一系列策略性面向对象程序技术和工具的称呼，其中主要的技术是组件对象模型（COM）。在有目录和其它支持的网络中，COM变成了分布式COM（DCOM）。ActiveX 控件是用于互联网的很小的程序，有时称为插件程序。它们会允许播放动画，或帮助执行任务，如在 Microsoft Update 安装安全更新，因此可以增强您的浏览体验。下面附本站免费下载地址：

OCX控件 [activex控件] 中文版

js之ActiveX控件使用说明 new ActiveXObject()

总结

以上就是本文关于ActiveX控件的使用-js实现打印超市小票功能代码详解的全部内容，希望对大家有所帮助。如有问题可以随时留言指出，感谢朋友们对本站的支持！

js print打印网页指定区域内容的简单实例

实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co
Javascript打印局部页面实例

代码如下,简单实用.因为需要用到这个东西,所以很无耻的拾人牙慧,收藏一下. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript&qu
JS实现浏览器打印、打印预览示例

目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在此感谢啦. 1.JS实现打印的方式方式一:window.print() window.print();会弹出打印对话框,打印的是window.document.body.innerHTML中的内容,下面是从网上摘到的一个局部打印的例子,该例子的不足是打印会修改页面的内容. <!DOCTYPE ht
一种基于浏览器的自动小票机打印实现方案(js版)

1.使用场景用户在浏览器做了某项操作后,自动打印小票. 2.测试方式 2.1 JavaScript实现尝试了很多办法,最终都会出现一个弹出框,让用户选择打印机.不符合我们需求. 2.2 lodop 功能比较强大,但是收费的.暂不考虑. 2.3 PAZU 功能也很强大,免费许可.非常赞! 详情:http://www.4fang.net/article/tech/pazu_tprinter.html 实现过程: 2.3.1 打印详情页面 <!doctype html> <html>
JS打印组合功能

本文为大家分享了JS打印组合功能,功能全面,供大家参考,具体内容如下 1.局部打印--即想打印什么地方就打印什么地方解决办法: 将不想打印的地方隐藏起来 <style type="text/css" media=print> .noprint{display : none } 分页的时候用 .PageNext{page-break-after: always;} 然后给不想打印的页面元素添加: class="Noprint" ,那就不会出现在
利用Js的console对象,在控制台打印调式信息测试Js的实现

一次偶然的机会,打开百度的时候按下了F12,然后就见控制台里面输出了百度的招聘广告,感觉挺帅气的,再然后就有了这篇博文. 既然可以这样在控制台输出信息,那以后再调试Js的时候不就可以省去很多麻烦了嘛!避免不误人子弟,特意使用for(var i in console)查看了下各种浏览器控制台对console的支持, 结果如下: IE 11 控制台 log , info , warn , error , debug , assert , time , timeEnd , group , groupC
JS实现页面打印功能

打印整个页面示例1. 可直接在按钮添加调用打印方法: <input type='button' value='打印整页' onclick='javascript:window.print();' /> 示例2. 也可调用JS方法 <html> <head> <script type="text/javascript"> function printpage() { window.print() } </script> <
JS实现页面打印（整体、局部）

我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多,这里我做了一个整理,供大家参考. 方式一:window.print() 整体打印 <a href="javascrīpt:window.print()" rel="external nofollow" target="_self">打印</a> 现在就轻松实现了页面的打印,但是这种方式会将整个页面打印,如果想要实现指定区域的打印需要通过下面的设置局部
ActiveX控件的使用-js实现打印超市小票功能代码详解

·应客户的需求= = ,要在网页端实现打印小票的功能 ·先来一张打印出的小票效果图(合计明显不对,因为有修改订单功能,请各位忽略) 用什么方法实现呢: 我想应该是有三种吧 1.用第三方的浏览器控件(这个好似比较方便,我的老师也是这样建议我)向大家推荐一个 Lodop打印控件 2.用CSS写好模板,然后直接用页面打印的方法(应该是这样吧) 以上两种还没有尝试,这两天陆续尝试) 3.用微软自己的ActiveX控件(ActiveX控件可以实现调用本地的文件等操作(之前试过调用cmd,实现shutdow
jQuery实现区域打印功能代码详解

使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none.如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下: <style type="text/css" media="print"> #header,.top_title,#jqprint,#footer,#cssprint h3{display:none} </style> 用jQu
vue项目中使用 pako.js 解密 gzip加密字符串的代码详解

前言今天跟后台对接一个接口,接受到一个加密的值,说是通过gzip加密过的,然后就蒙蔽了, 赶紧上百度找了一下资料,通过一篇文章(原文在底部)发现有个js库可以解密,就下载轻松解密了实现代码 poko.js可至Github下载 https://github.com/nodeca/pako or npm install pako import pako from 'pako' // 一个是加密:window.btoa(),一个是解密:window.atob() function decode(e
使用 Opentype.js 生成字体子集的实例代码详解

字体子集是将字体文件中部分多余的字符删除,来减小文件大小,从而在 Web 端使用或嵌入到其他应用或系统中,在网上可以找到不少这方面的工具. Opentype.js是一套可以支持浏览器环境和 Node.js 环境的开源 OpenType 字体读写库,利用这个库可以很轻松实现浏览器环境和 Node.js 环境的字体子集功能. 在浏览器环境创建字体子集工具首先创建一个简单的 HTML界面,包括一个选取字体文件按钮,一个输入框用于输入保留的字符,和一个保存下载按钮. HTML <!DOCTYPE ht
js实现全选反选不选功能代码详解

本文实例为大家分享了js实现全选反选不选功能的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <meta charset='utf-8' /> <body> <input type='checkbox' name='id' />哈哈<br/> <input type='checkbox' name='id' />哈哈<br/> <input type='checkbox'
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法

问题在本人目前的项目中,前端部分完全使用EXTJS基于"One-Page"理念搭建.除了一个HTML作为基本容器外,就全是JS文件了(页面是由JS文件实现的).当用户切换页面时候,我们通过析构上一个页面对象,然后创建新页面对象并展现在HTML中.基于这种架构,我们还引入了一个ActiveX控件,用于展现报表.这一引入,问题就出来了:只要是访问有报表控件存在的页面,用户切换2次页面,IE就会崩溃(FF无此问题),百试不爽. 原因因为系统设计时考虑到了资源释放,专门处理过析构部分,而且
js之ActiveX控件使用说明 new ActiveXObject()

什么是 ActiveX 控件? ActiveX 控件广泛用于 Internet.它们可以通过提供视频.动画内容等来增加浏览的乐趣.不过,这些程序可能出问题或者向您提供不需要的内容.在某些情况下,这些程序可被用来以您不允许的方式从计算机收集信息.破坏您的计算机上的数据.在未经您同意的情况下在您的计算机上安装软件或者允许他人远程控制您的计算机.考虑到这些风险,您应该在完全信任发行商的情况下才安装这些程序. 当 Windows 阻止 ActiveX 控件的安装时,您应该做什么? 您可能不应该安装该 A
激活 ActiveX 控件

激活 ActiveX 控件发布日期: 2006-3-29 | 更新日期: 2006-3-29 Internet 开发索引用户不能与 APPLET.EMBED 或 OBJECT 元素加载的 Microsoft ActiveX 控件直接交互.用户激活这些控件的用户界面后才可以与这些控件交互.本文介绍 Microsoft Internet Explorer 如何处理 ActiveX 控件,显示如何加载 ActiveX 控件才能激活它们的界面,还描述这种行为对辅助工具和宿主 WebBrowser 控
用C#编写ActiveX控件（二）

用C#编写ActiveX控件(二) Homer 在我的上一篇blog中,已经实现了一个最基本的ActiveX控件.当然,我们编写的任务还没有完成.首先,我们先尝试实现和JS的交互能力. 我们在Demo中加入ShowMessage方法: public void ShowMessage(string msg) { if(msg != null) {
web下载的ActiveX控件自动更新

网页中加载ActiveX控件的方式一般如下: <HTML> <HR><center><P> <OBJECT classid="clsid:0FC05E08-32EA-4A5A-A8F0-514D7927C3C6" codeBase="pmc.cab#version=1,0,0,308" width=794 height=575 align=center hspace=0 vspace=0 > </OB

ActiveX控件的使用-js实现打印超市小票功能代码详解

相关推荐

随机推荐