iframe.get(0).contentWindow.print() 设置静默打印

时间: 2024-02-05 09:12:42 浏览: 174
可以使用浏览器提供的 `@media print` CSS 属性来实现静默打印。具体方法如下： 1. 在需要打印的页面中，加入以下 CSS 样式： ```css @media print { body * { visibility: hidden; } #printableArea, #printableArea * { visibility: visible; } } ``` 这个样式会在打印时隐藏页面中的所有元素，除了一个 ID 为 `printableArea` 的元素及其子元素。 2. 在需要触发打印的地方执行以下 JavaScript 代码： ```javascript var iframe = document.createElement('iframe'); iframe.src = 'about:blank'; iframe.style.display = 'none'; document.body.appendChild(iframe); var doc = iframe.contentWindow.document; doc.write('<html><head><title>Print</title>'); doc.write('<link rel="stylesheet" href="path/to/print.css">'); doc.write('</head><body>'); doc.write(document.getElementById('printableArea').innerHTML); doc.write('</body></html>'); doc.close(); iframe.contentWindow.focus(); iframe.contentWindow.print(); document.body.removeChild(iframe); ``` 这个代码会创建一个隐藏的 iframe，然后将需要打印的内容写入 iframe 中，并在 iframe 加载完成后触发打印。其中，`path/to/print.css` 是第一步中的 CSS 样式所在的文件路径。注意，这个代码必须在用户的交互中被调用，否则浏览器会拦截打印请求。
阅读全文

相关推荐

const print = () => { if (!baseInfo.orderCode) { message.error("打印正在准备，请5秒后再点击") return } const el = document.getElementById("print-container") const iframe = document.createElement("IFRAME") let doc = null // iframe.setAttribute('style', 'position:absolute;top:0px;left:0px;width:100%;height:100%',); document.body.appendChild(iframe) doc = iframe.contentWindow.document // 引入打印的专有CSS样式，根据实际修改 doc.write() doc.write(el.innerHTML) doc.close() // 获取iframe的焦点，从iframe开始打印 iframe.contentWindow.focus() iframe.onload = () => { iframe.contentWindow.print() document.body.removeChild(iframe) } if (navigator.userAgent.indexOf("MSIE") > 0) { document.body.removeChild(iframe) } const old = window.document.body.innerHTML const printPart = document.getElementById("print-container") window.document.body.innerHTML = "" window.document.body.appendChild(printPart) window.print() window.document.body.innerHTML = old window.location.reload() }优化这段代码

iframe.contentWindow.print() document.body.removeChild(iframe) } if (navigator.userAgent.indexOf("MSIE") > 0) { document.body.removeChild(iframe) } } 2. 将打印的专有CSS样式和打印的内容分开...

iframe.contentWindow打印标题怎么设置

A：你可以使用以下代码来获取iframe中文档的标题： var iframe = document.getElementById('your-iframe-id'); var iframeTitle = iframe.contentDocument.title; console.log(iframeTitle); 其中，'your...

var iframe = this.iframe.contentWindow;

这段代码的作用是获取当前页面中的iframe元素，并将其contentWindow属性赋值给变量iframe。这个变量可以用于操作iframe中的文档内容，例如修改文本或者执行JavaScript代码等。 javascript var iframe = this....

iframe.contentWindow, 获取iframe的window对象iframe.contentDocument, 获取iframe的document对象

在JavaScript中，iframe.contentWindow 和 iframe.contentDocument 是用来与嵌套在父页面内的IFrame（内联框架）进行交互的重要属性。这些属性允许你访问到IFrame内的窗口和文档对象，以便于操作其内容。 1. ...

iframe.contentwindow

iframe.contentWindow是一个JavaScript对象，它表示嵌入在iframe元素中的文档的窗口对象。通过这个对象，可以在父文档中访问嵌入的文档，并且可以在嵌入的文档中执行JavaScript代码。使用iframe.contentWindow可以...

js iframe.contentWindow.prin() 设置参数

iframe.contentWindow.printMessage(message); }); 上述代码首先获取了 id 为 myIframe 的 iframe 元素，并通过 addEventListener 方法监听了它的 load 事件。当 iframe 加载完成后，会执行回调函数，在...

iframe.contentWindow.document.addEventListener('scroll', function(event) { event.stopPropagation(); // 阻止事件冒泡 iframe.contentWindow.scrollBy(0, event.deltaY); // 只对iframe页面进行滚动 });上面那段代码中没有执行是为什么

这段代码是为了在嵌入的 iframe 页面中捕获滚动事件，并且让 iframe 页面进行滚动。但是，这段代码本身只是定义了一个事件监听器，它并没有被执行。如果想要使这段代码生效，需要将它放到一个函数中，并且在合适的...

Uncaught TypeError: $(...)[0].contentWindow.$ is not a function

var innerDoc = iframe.contentDocument || iframe.contentWindow.document; var title = innerDoc.getElementsByTagName('title')[0].textContent; 这段代码可以获取iframe中的文档对象，并从中获取title元素...

iframe.contentWindow 完整示例

以下是一个使用 iframe.contentWindow 的完整示例： html <!DOCTYPE html> <title>Parent Page <h1>Parent Page ()">Send Message <iframe id="myIframe" src="child.html"></iframe> function ...

iframe.contentWindow 如何使用

const iframeDocument = iframe.contentWindow.document; const iframeElement = iframeDocument.getElementById('myElement'); 这里首先获取嵌入文档的 document 对象，然后通过该对象操作其中的 DOM 元素。 ...

iframe.contentWindow怎么用

您可以使用iframe.contentWindow属性来访问嵌入在 <iframe> 元素中的文档的窗口对象。这个属性返回一个代表嵌入文档的窗口对象，您可以通过它来访问和操作嵌入文档的内容。 以下是一个使用iframe....

iframe.contentWindow.document.activeElement.tagName返回invalid值

iframe.contentWindow.document.body.focus(); }); 如果 iframe 中有表单元素，你也可以将焦点设置在表单的第一个元素上，例如： javascript iframe.addEventListener('load', function() { var form = ...

iframe调用contentWindow.print()空白

1. iframe 中的页面加载完成之前就调用了 contentWindow.print() 方法，此时打印的是空白页。可以通过在 window.onload 事件中调用 contentWindow.print() 方法来避免这个问题。 javascript const ...

// var agent, password, mode, phoneId //登录所需参数 // window.onload = function () { // init(); // }; //初始化电话条 function init() { var iframe = document.createElement('iframe'); iframe.name = "uinCall"; iframe.id = "uinCall"; iframe.ref = "uinCall"; iframe.allow = "microphone"; iframe.src = "https://ykf.uincall.com/telephonebarplugin/index.html"; // iframe.src = "https://ceshi.uincall.com/telephonebarplugin/index.html"; var telephoneBar = document.getElementById("telephoneBar"); if (telephoneBar) { telephoneBar.appendChild(iframe); var uinCall = document.getElementById("uinCall"); console.log('@@@-', uinCall); iframe.style.width = telephoneBar.getAttribute("data-width"); iframe.style.height = telephoneBar.getAttribute("data-height"); iframe.style.border = 0; } } //打印来自电话条内的抛出事件 window.addEventListener('message', function (e) { // console.log('@EchoData','message>>',e) console.info(e); if (e.data) { try { var resData = JSON.parse(e.data); // 动态修改iframe的高度 if (resData && resData.key && resData.key === 'changeCallHistoryState') { var telephoneBar = document.getElementById("telephoneBar"); var uinCall = document.getElementById("uinCall"); var frameHeight = telephoneBar.getAttribute("data-height"); if (resData.data) { // 显示 var heightConfig = parseInt(frameHeight); uinCall.style.height = (!heightConfig || heightConfig < 310) ? '310px' : heightConfig + 'px'; } else { uinCall.style.height = frameHeight; } } } catch (err) { console.info(e); } } }); //高级话务 function telephoneFunction(data) { let uincall = document.getElementById('uinCall'); if (uincall) { uincall.contentWindow.postMessage(data, '*'); } else { init(); uincall = document.getElementById('uinCall'); if (uincall) { setTimeout(() => { uincall.contentWindow.postMessage(data, '*'); }, 500); } } }　优化代码

1. 初始化电话条：通过创建一个iframe元素，并设置相应的属性，将电话条插件的页面加载到iframe中，然后将iframe添加到指定的父元素中。 2. 监听电话条内部抛出的事件：通过监听message事件，获取从电话条内部抛出...

document.getElementById(val).contentWindow

根据提供的引用内容，document.getElementById(val).contentWindow是用于获取指定id的iframe元素的window对象。其中，document.getElementById(val)是用于获取指定id的元素，.contentWindow是获取该元素的...

iframe调用contentWindow.print()如何判断是否有值

iframe.contentWindow.print(); } else { console.log('No content to print'); } 2. 判断 iframe 中的页面是否加载完成，如果没有，则视为没有可打印内容，否则视为有可打印内容。例如： ...

iframe src是从后端返回的一个HTTP地址，iframe.contentWindow.document 会显示跨域

在这种情况下，通过访问 iframe.contentWindow.document 或者其他属性来获取 iframe 内部的信息，将会抛出跨域错误，因为浏览器会禁止跨域访问其他窗口或者 iframe 内部的内容。 要解决这个问题，可以使用 iframe ...

layero.find('iframe')[0].contentWindow.submitHandler();是否有返回值

根据代码来看，layero.find('iframe')[0].contentWindow.submitHandler()这行代码执行后是否有返回值，取决于submitHandler()函数内部的实现。如果submitHandler()函数有返回值，那么layero.find('iframe')[0]....
zip

Font Awesome图标字体库提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式

Font Awesome图标字体库提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式
pdf

EDAfloorplanning

介绍了physical design的floorplanning问题

最新推荐

recommend-type

深入解析contentWindow, contentDocument

因此，在跨浏览器的开发中，为了确保兼容性，通常会使用`contentWindow.document`来获取`iframe`的`document`对象。 在实际应用中，`contentWindow`和`contentDocument`经常用于解决多级`iframe`间的高度自适应问题...
recommend-type

jQuery获取iframe的document对象的方法

执行上述代码后，控制台会打印出`iframe`的`document`对象。 ### 2. DOM操作示例 获取到`document`对象后，我们就可以进行各种DOM操作了。例如，假设`iframe`中有一个id为`targetElement`的元素，我们可以这样操作...
recommend-type

iframe子页面获取父页面元素的方法

var childElement = $('#objid', iframe.contentWindow.document); ``` 这里，`iframe.contentWindow`是指向`iframe`内部窗口的引用，`iframe.contentWindow.document`则是指向`iframe`内HTML文档的`document`对象。...
recommend-type

jQuery取得iframe中元素的常用方法详解

$(document.getElementById('iframeId').contentWindow.document.body).html() ``` 这两个方法都是在父页面中访问`iframe`内元素的方式。`frames`集合是基于框架名称，而`contentWindow`则获取到`iframe`的窗口...
recommend-type

俄罗斯RTSD数据集实现交通标志实时检测

资源摘要信息:"实时交通标志检测" 在当今社会，随着道路网络的不断扩展和汽车数量的急剧增加，交通标志的正确识别对于驾驶安全具有极其重要的意义。为了提升自动驾驶汽车或辅助驾驶系统的性能，研究者们开发了各种算法来实现实时交通标志检测。本文将详细介绍一项关于实时交通标志检测的研究工作及其相关技术和应用。 ### 俄罗斯交通标志数据集（RTSD） 俄罗斯交通标志数据集（RTSD）是专门为训练和测试交通标志识别算法而设计的数据集。数据集内容丰富，包含了大量的带标记帧、交通符号类别、实际的物理交通标志以及符号图像。具体来看，数据集提供了以下重要信息： - 179138个带标记的帧：这些帧来源于实际的道路视频，每个帧中可能包含一个或多个交通标志，每个标志都经过了精确的标注和分类。 - 156个符号类别：涵盖了俄罗斯境内常用的各种交通标志，每个类别都有对应的图像样本。 - 15630个物理符号：这些是实际存在的交通标志实物，用于训练和验证算法的准确性。 - 104358个符号图像：这是一系列经过人工标记的交通标志图片，可以用于机器学习模型的训练。 ### 实时交通标志检测模型 在该领域中，深度学习模型尤其是卷积神经网络（CNN）已经成为实现交通标志检测的关键技术。在描述中提到了使用了yolo4-tiny模型。YOLO（You Only Look Once）是一种流行的实时目标检测系统，YOLO4-tiny是YOLO系列的一个轻量级版本，它在保持较高准确率的同时大幅度减少计算资源的需求，适合在嵌入式设备或具有计算能力限制的环境中使用。 ### YOLO4-tiny模型的特性和优势 - **实时性**：YOLO模型能够实时检测图像中的对象，处理速度远超传统的目标检测算法。 - **准确性**：尽管是轻量级模型，YOLO4-tiny在多数情况下仍能保持较高的检测准确性。 - **易集成**：适用于各种应用，包括移动设备和嵌入式系统，易于集成到不同的项目中。 - **可扩展性**：模型可以针对特定的应用场景进行微调，提高特定类别目标的检测精度。 ### 应用场景 实时交通标志检测技术的应用范围非常广泛，包括但不限于： - 自动驾驶汽车：在自动驾驶系统中，能够实时准确地识别交通标志是保证行车安全的基础。 - 智能交通系统：交通标志的实时检测可以用于交通流量监控、违规检测等。 - 辅助驾驶系统：在辅助驾驶系统中，交通标志的自动检测可以帮助驾驶员更好地遵守交通规则，提升行驶安全。 - 车辆导航系统：通过实时识别交通标志，导航系统可以提供更加精确的路线规划和预警服务。 ### 关键技术点 - **图像处理技术**：包括图像采集、预处理、增强等步骤，为后续的识别模型提供高质量的输入。 - **深度学习技术**：利用深度学习尤其是卷积神经网络（CNN）进行特征提取和模式识别。 - **数据集构建**：构建大规模、多样化的高质量数据集对于训练准确的模型至关重要。 ### 结论 本文介绍的俄罗斯交通标志数据集以及使用YOLO4-tiny模型进行实时交通标志检测的研究工作，显示了在该领域应用最新技术的可能性。随着计算机视觉技术的不断进步，实时交通标志检测算法将变得更加准确和高效，进一步推动自动驾驶和智能交通的发展。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

预测区间与置信区间：机器学习中的差异与联系

# 1. 机器学习中的统计基础 在当今数据驱动的时代，机器学习已经成为了理解大数据的关键途径。在这一章节中，我们将探索机器学习与统计学之间密不可分的关系，重点介绍统计学在机器学习中的核心地位及其应用。我们将从最基本的统计概念入手，为读者建立起机器学习中的统计基础。 ## 1.1 统计学的核心概念 统计学为我们提供了一套强大的工具，用以描述、分析以及从数据中得出结论。核心概念包括均值、方差、标准差等描述性统计指标，它们是理解数据集基本特征的关键。 ## 1.2 统计推断基础 统计推断是建立在概率论基础上的，允许我们在有限的数据样本上做出关于整体的结论。我们将解释置信区间和假设检验等基本概念
recommend-type

基于KNN通过摄像头实现0-9的识别python代码

基于KNN（K-Nearest Neighbors，最近邻算法）实现摄像头实时抓取图像并识别0-9数字的Python代码需要几个步骤，包括数据预处理、训练模型和实际应用。这里是一个简化版本的示例： ```python # 导入必要的库 import cv2 from sklearn.neighbors import KNeighborsClassifier import numpy as np # 数据预处理：假设你已经有一个包含手写数字的训练集 # 这里只是一个简化的例子，实际情况下你需要一个完整的图像数据集 # X_train (特征矩阵) 和 y_train (标签) X_train
recommend-type

易语言开发的文件批量改名工具使用Ex_Dui美化界面

资源摘要信息:"文件批量改名工具-易语言"是一个专门用于批量修改文件名的软件工具，它采用的编程语言是“易语言”，该语言是为中文用户设计的，其特点是使用中文作为编程关键字，使得中文用户能够更加容易地编写程序代码。该工具在用户界面上使用了Ex_Dui库进行美化，Ex_Dui是一个基于易语言开发的UI界面库，能够让开发的应用程序界面更美观、更具有现代感，增加了用户体验的舒适度。 【易语言知识点】: 易语言是一种简单易学的编程语言，特别适合没有编程基础的初学者。它采用了全中文的关键字和语法结构，支持面向对象的编程方式。易语言支持Windows平台的应用开发，并且可以轻松调用Windows API，实现复杂的功能。易语言的开发环境提供了丰富的组件和模块，使得开发各种应用程序变得更加高效。 【Ex_Dui知识点】: Ex_Dui是一个专为易语言设计的UI（用户界面）库，它为易语言开发的应用程序提供了大量的预制控件和风格，允许开发者快速地制作出外观漂亮、操作流畅的界面。使用Ex_Dui库可以避免编写繁琐的界面绘制代码，提高开发效率，同时使得最终的软件产品能够更加吸引用户。 【开源大赛知识点】: 2019开源大赛（第四届）是指在2019年举行的第四届开源软件开发竞赛活动。这类活动通常由开源社区或相关组织举办，旨在鼓励开发者贡献开源项目，推广开源文化和技术交流，提高软件开发的透明度和协作性。参与开源大赛的作品往往需要遵循开放源代码的许可协议，允许其他开发者自由使用、修改和分发代码。 【压缩包子文件的文件名称列表知识点】: 文件名称列表中包含了几个关键文件： - libexdui.dll：这显然是一个动态链接库文件，即DLL文件，它是由Ex_Dui库提供的，用于提供程序运行时所需的库函数和资源。DLL文件可以让程序调用相应的函数，实现特定的功能。 - 文件批量改名工具.e：这可能是易语言编写的主程序文件，带有.e扩展名，表明它是一个易语言源代码文件。 - Default.ext：这个文件名没有给出具体扩展名，可能是一个配置文件或默认设置文件，用户可以通过修改它来自定义软件的行为。 - Source：这可能是一个包含易语言源代码的目录，里面应该包含了文件批量改名工具的源代码，供开发者阅读和学习。 - Res：这个目录通常用于存放资源文件，如图形、声音等。在易语言项目中，Res目录下可能存放了程序运行所需的各种资源文件。 通过对标题、描述、标签以及文件名列表的分析，我们可以了解到这款文件批量改名工具采用了易语言编程，并且界面通过Ex_Dui库进行美化。它可能被提交到了2019年第四届开源大赛中，是开发者为用户提供的一个实用工具，用于提高处理文件时的效率。
recommend-type

"互动学习：行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动，互动学习以行动为中心的强化学习学会互动，互动学习，以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授：智囊团论文联合主任菲利普·普雷教授，大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授，Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士，Deepmind对于那些及时看到自己错误的人...3谢谢你首先，我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔，"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲，你知道在这篇论文的（许多）错误中，你是我可以依