JS 打印 iframe

最新推荐文章于 2024-05-22 15:07:14 发布

转载最新推荐文章于 2024-05-22 15:07:14 发布 · 128 阅读

本文将介绍如何通过设置一个简单的HTML结构，在网页中使用Iframe来展示外部内容，并提供了一个方便的JavaScript代码片段，用于在点击按钮时打印Iframe中的页面内容，同时确保此操作在包括IE、Firefox和谷歌浏览器在内的多种浏览器中都能正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a href="#" onClick="parent.contentFrame.print();">打印Iframe</a>


<iframe name="contentFrame"  style="width:640px;height:624px;margin:20px auto;"  src="2.html" id="contentFrame" ></iframe> 


兼容： IE  FireFox  谷歌浏览器

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34183910

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

diaonongzui2942的博客

06-27

786

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

用js直接打印iframe里的内容

u011288557的专栏

07-09

2612

最近项目中，需要用js打印iframe,于是用 iframe.window.print(),但这个调用会弹出打印机选择对话框，挺烦这个。聪明的我，找到一款免费的打印控件，挺好用，推荐给大家，代码如下：打印 function doPrint(){ var myDoc ={ documents: w

参与评论您还未登录，请先登录后发表或查看评论

JS局部打印 Iframe版

Maodyuan的博客

08-31

977

首先声明代码魔改自JavaScript类库的jquery.PrintArea.js，官网https://plugins.jquery.com/PrintArea/很好用的插件，但是目前2.4.0版本貌似并没有支持npm安装，而自家公司目前前台用的是VUE + Element，直接引用js并不好使，所有只好自己魔改了一版，毕竟技术不够，复制来凑。目前测试火狐 IE11 谷歌打印都支持有需要的...

js页面实现打印 iframe + window.print()

stpzhf的博客

11-16

2922

使用iframe + window.print() 实现打印功能和避坑

js 利用iframe 局部打印html

weixin_49684489的博客

09-14

1174

JS利用iframe 局部打印

js调用iframe实现打印页面内容的方法

10-26

JavaScript（简称JS）提供了多种方式来实现网页内容的打印，包括打印整个页面或页面上的特定区域。本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一：使用iframe实现区域打印 ...

JavaScript打印iframe内容示例代码

01-19

在本文中，我们将详细讲解如何使用JavaScript来打印iframe内容的示例代码，以及在实现这一功能的过程中需要...希望本文提供的示例和解释能够帮助理解JavaScript打印iframe内容的机制，并在实际开发中应用这些知识点。

js iframe 打印打印预览页眉页脚的设置

04-10

在JavaScript（JS）中，利用iframe进行打印和打印预览是常见的需求，特别是在网页开发中。这个场景下，我们可能需要自定义页眉和页脚，以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。首先，我们...

JS利用iframe 局部打印(带样式）

Charming_flower的博客

03-14

1124

【代码】JS利用iframe 局部打印(带样式）

【JS】使用iframe打印浏览器页面

zlting_的博客

04-18

2657

当某些甲方爸爸有浏览器打印需求时，项目中可以使用iframe标签来实现此功能。

JavaScript如何使iframe里的网页（子网页）内容被打印

没有眉毛的阿斗叶

08-06

1013

JS自带window.print()，可以驱动浏览器打印功能，但是只能打印整个网页，往往我们网页中还包含子页面（iframe），我们只想打印iframe页面里的内容，就需要让页面关注且获得ifame这个对象。代码模板： if (window.frames['addzlhxxIframe'] != null) { document.getElementById...

使用JavaScript打印iframe内容的方法

热门推荐

hnllc2012的专栏

11-11

1万+

index.html: var iframe = document.getElementById('frame'); iframe.contentWindow.focus(); iframe.contentWindow.print(); test.html 打印网页中iframe内容

js打印指定的iframe

报喜鸟

12-05

396

document.frames("report").window.focus(); window.print(); 只需要这2行代码就可以搞定

iframe打印信息

xingxing12323的博客

03-17

1796

html页面利用iframe打印信息html内容js 内容 html内容 <div id="xxx" style="display: none;"><iframe id='printID'><html><head></head><body></body></html></iframe></div> <button onclick="dianwo2('张三','371581199302

html打印当前页面的函数,js调用iframe实现打印页面内容的方法

weixin_42314648的博客

06-03

412

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

html点击弹出iframe,JavaScript：关于跨iframe弹窗

weixin_39805998的博客

06-10

1016

index.htmliframe.html$(function(){$("#window").window({width: 200,height: 100});});效果由于是在iframe中弹窗致使窗口被腰斩，所以需要向window中追加节点再弹窗，解决方式如下var win = window.top.document.createElement("div");window.top.docume...

【JS】实现页面打印的方法