printjs打印iframe

2024-08-24

js打印Iframe中的内容，并且不需要预览。

js打印Iframe中的内容,并且不需要预览 js代码如下: <script type="text/javascript" language="Javascript"> function preview1() { var bdhtml = window.document.body.innerHTML; document.getElementById('PrintPath').focus(); document.getElementById('PrintP

打印iframe某区域

解决IE下打印iframe时，页面比例变小的问题

$('#reportFrame')[0].contentWindow.printMyself();//主页面调用iframe里的打印方法 //reportFrame里的方法 function printMyself() { if (!window.showModalDialog) { //非IE window.print(); } else { //IE下打印 document.body.className += ' ext-ie'; document.execCommand('print',

JS调用iframe方式实现Web区域打印页面内容

1.程序说明 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印: 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容. 2.代码部分 1) JS 函数: 代码如下复制代码 function do_print(id_str)//id-str 打印区域的id{ var el = document.getElementById(id_str); var iframe = document.createElement('

利用WebBrowser彻底解决Web打印问题

原文:利用WebBrowser彻底解决Web打印问题利用WebBrowser彻底解决Web打印问题(包括后台打印) BS架构下的打印大家是怎么解决的呢,我最近作了一个项目正好负责这一块,不仅要求打印页面的特定部分,还要求有后台的批量打印,在网上查了一些资料,最后终于解决了.抱着“取之于众服务于众”的思想,我总结了一下,把它拿到网上来与大家分享,希望能帮助遇到类似问题的朋友.我主要使用了IE内置的WebBrowser控件,无需用户下载和安装.WebBrowser有很多功能,除打印外的其他功能就

react + antd 实现打印功能（踩了不少坑）

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

Asp.net mvc word预览与打印

解决方案: 1. 在后台把word文件转化成pdf,在前台用iframe显示pdf,打印iframe,即可. 优点:用户体验好. 缺点:不支持IE. 实现 : 引用netoffice组件主要代码: Word.Application wordApplication = new Word.Application(); Word.Document pDoc = wordApplication.Documents.Open(path); pDoc.Activate(); pDoc.SaveAs(pdf

WGZX:javaScript 学习心得--1

标签: javascriptiframedreamweaver浏览器htmltable 2008-09-11 10:50 1071人阅读评论(0) 收藏举报分类: UI(21) 1,document.getElementById方法只能获取到一个对象,即使有多个同名的对象,也只取第一个具有该名称的对象,例如在一个form(名称为myform)中,有三个id="mycheckbox"的复选框,那么使用 document.getElementById("mycheck

关于form表单提交数据后不跳转页面+ajax接收返回值的处理

1.前台的form表单建立,注意action.enctype的内容, 2.通过添加一个隐藏的iframe标签使form的target指向iframe来达到不跳转页面的效果,同时需要在js里获取iframe里的内容(即后台利用GSON传回来的返回值). 代码部分: <form id="form1" action="../PublishPostingsServlet" enctype="multipart/form-data" metho

window.print()打印页面指定内容（使用iframe保证原页面不失效）

使用window.print()时会出现两个问题: (1)直接使用window.print() 打印的是整页内容-->无法实现打印指定区域 (2)打印时替换body中的内容,打印完成后再替换回来-->这样会导致原来页面状态失效使用iframe即可打印指定内容,也可保证页面不失效,具体方法如下: 1.将打印的内容独立出来为一个print.html文件,并为页面添加打印事件 <!DOCTYPE html> <html> <head> ... </head

Vue使用PrintJs自定义打印表格模板

这俩天客户提了个需求,需要打印俩个自定义的表格模板,一开始想到的是打印Json表格,但是发现表格样式不符合要求,后来想着打印html,自己生成html模板然后打印,基本可以满足客户的需求,废话不多说,上图上代码自己遍历生成table,如果自己写的html模板需要去除空格,可以通过http://www.txttool.com/wenben_delvbcrlf.asp网站在线去除换行或空格调用printJS方法,主要修改type:'raw-html',然后赋值模板字符串printtable:h

浏览器局部打印实现，iframe打印

const handleOk = () =>{ let ele = document.getElementById('printInfor'); let iframe=window.frames['myPrint']; iframe.document.open(); console.log(iframe); console.log(document.getElementById('myPrint')); document.getElementById('myPrint').contentWind

html 打印相关操作与实现

2020-02-19 | chrome 79.0.3945.130 测试无问题未做兼容测试原理为调用 window.print() 方法,但是该方法只能对当前页面全部打印,所以有了以下方案来解决局部打印 1: 利用 iframe 将需要打印的元素和样式注入再调用打印 // 示例代码 function print () { let ifElement = document.getElementById('ifId') const addHtmlPrint = () => { const co

ASP.NET MVC5+EF6+EasyUI 后台管理系统（55）-Web打印

系列目录前言 1.本次主要弥补工作流,用户表单数据的打印 2.使用JQprint做为web打印插件 3.兼容:FireFox,Chrome,IE. 4.没有依赖也没有配置,使用简单代码下载:https://github.com/tanathos/jquery.jqprint 以工作流申请单为例 (由于我本地没有打印机,所以弹出输出到传真和PDF,XPS,输出到PDF与打印结果其实是一致的) 实现方法引入相关JS <script src="~/Scripts/jquery.min.js

Jqprint实现页面打印

好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1.实现页面打印要引入jQuery和Jqprint.点击下载Jqprint插件 <script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js&

jQuery：实现网页的打印功能

实现的打印功能大致跟浏览器的 Ctrl+P 效果一样一.直接上代码 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>index</title> </head> <body> <di

iframe的优缺点

HTML框架简述一个浏览器窗体可以通过几个页面的组合来显示.我们可以使用框架来完成(frames)这项工作.(框架可以把HTML文档分为多个页面) 框架页使用了表格的方式组合,可以分为数行与数列. 框架的优点重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了数据的传输,加快了网页下载速度) 技术易于掌握,使用方便,使用者众多,可主要应用于不需搜索引擎来搜索的页面方便制作导航栏框架的缺点(iframe的缺点与frame类似) 会产生很多页面,不容易管

WEB端实现打印

首先需要下载一个JQ插件: 地址: http://files.cnblogs.com/files/SabWoF/jq%E6%89%93%E5%8D%B0%E6%8F%92%E4%BB%B6%E5%AE%9E%E4%BE%8B.rar 先看一下index.html 里面需要注意的是: 一.引用文件 <script src="jquery-1.4.4.min.js"></script> <script src="jquery.jqprint-0.3.

局部打印插件 jquery.PrintArea.js

(function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + printAreaCount; var iframeStyle = 'pos

关于Web报表FineReport打印的开发应用案例

报表打印是报表使用和开发过程中经常碰到的问题,这里汇总了关于Web报表开发打印功能的一些典型应用案例,以应用最广泛的FineReport为例. 案例一:java直接调用报表打印当java后台定义定时打印的功能,同时又需要直接调用报表的打印的时候,由于打印机型号和纸张不同,需要指定打印机,从而打印是否成功并设置返回值.那么怎么样可以实现这一过程呢? 实现过程 1.定义报表运行环境 2.定义执行模板工作簿 TemplateWorkBook workbook = TemplateWorkBookIO

printjs打印iframe

热门专题