js 实现打印功能

前端js实现打印功能的两种方式:

1、利用iframe,隐藏iframe,直接通过按钮直接打印,弹出打印设置页面。

    

<button onclick="doPrint();">print</button>
<iframe style="display:none"  id="printIframe" frameBorder=0 scrolling=no width="100%"  src="./test.pdf"></iframe>

function doPrint(){
        $("#printIframe")[0].contentWindow.print();
    }

此打印方法需要在服务中运行。

2、使用插件PDFObject.js

  

<script src="./js/PDFObject-new.js"></script>
<script type="text/javascript">

    window.onload = function (){
        var myPDF = new PDFObject({ url: "./test.pdf" }).embed();
      };
</script>
时间: 2024-08-27 02:58:50

js 实现打印功能的相关文章

JS实现打印功能

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="f" uri="http://www.springframework.org/tags/form"%> <!DOCTYPE html> <html lang="zh-CN"> <head

【JS】通过JS实现超市小票打印功能——ActiveX控件

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

JS达到Web指定保存的和打印功能的内容

背景 首先,说说文章的背景.近期手中的一个项目,因为需求中要求提供Web界面的打印功能.当然假设没有打印机,还能够提供保存到本地.项目组长把这个"小任务"分给了我.本着努力为组长分忧解难的思想,领了任务之后,就立即開始了工作. 问题 刚開始的时候.组长给了一个工具(jatoolsprinter)让我研究.我用了一个多小时的时间,做出了一个简单的Demo,然后就是各种的測试,因为 web 打印须要浏览器安装 ActiveX 组件.在随后的測试中,我用了几款浏览器.甚至把安全级别都调到了最

借助Jquery Jqprint实现网页打印功能

今天利用闲余时间研究了一下Jquery Jqprint插件,使用该Jquery脚本可以轻而易举的实现打印网页指定区域内容的功能: 例子一: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&

打印功能

1.首先做好一个模板,想打印图片的话下载一个图片模板,打印表格的话直接建一个表格.然后在word里面打开.保存为PDF格式,然后下载Adobe Acrobat DC,没有的话在我的第一个链接可以直接下载. 2下载以后把PDF打开,点击准备表单.如果是表格的话,在空的表格里面会自动生成打印是要加入数据的框:图片只会生成一个,可以复制粘贴.框可以自己移动.调大小. (注意:如上方法里面插入字段是按照图片上由上到下.从左至右的顺序插入的) 3.输入框做好了直接保存就好了. 4.打印方法:第一段绿色是把

打印功能会出现的问题

需求如图: 弹窗里有"打印"功能. 最开始网上找了个方案: http://www.cnblogs.com/huichao1314/p/5545992.html   参考下博客. 主要代码: js var oper = 1; //初始值 function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML;//获取当前页的html代码 sprnstr = "<!--star

react + antd 实现打印功能(踩了不少坑)

最近在有网页打印需求,尝试了一下react的打印功能,遇到了不少的坑: 1.react本身有一些打印的组件,但都不好用,都是基于window.print(),但是window.print()如果直接打印的话,没有样式.处理直接当前网页的body设置为你要打印的区域,但是当你取消打印的时候你会发现整个网页都被你要打印的区域占满了,你还得用window.reload()重新加载一下页面,用户交互很不好,建议不要采用这种方式. 2.样式的问题,我们可以通过写内联样式解决,尝试了react的react-

测试打印功能

// 先创建窗体,后拉入Button控件两个,一个预览功能,一个打印功能,再拉入控件PrintDocument控件.PrintPreviewDilogs控件.pageSetupDilogs控件 // 后台代码 1 List<string> students = new List<string>() {"张三","李四","王五" }; 2 int count = 0;//要打印的学员姓名的下标值 3 private voi

添加条码生成和打印功能到SQL Server Reporting Services report 中

Barcode Professional for Reporting Services 是一款灵活和强大的.NET组件(.NET DLL 类库),它让您轻松地添加条码生成和打印功能到您的SQL Server Reporting Services report 中.支持几乎所有当前常用的条码:Code 39, Code 128, GS1-128, GS1 DataBar (RSS-14), EAN 13 & UPC, Postal (USPS, British Royal Mail, Austra