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

最新推荐文章于 2023-11-16 15:37:30 发布

原创最新推荐文章于 2023-11-16 15:37:30 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS #JavaScript

跨行从事JAVA开发每日总结同时被 3 个专栏收录

28 篇文章

订阅专栏

碰到问题解决总结

25 篇文章

订阅专栏

JavaScript

10 篇文章

订阅专栏

本文介绍如何使用JavaScript的window.print()方法仅打印网页中特定iframe的内容，而非整个网页。通过聚焦并调用iframe的contentWindow.print()方法实现。

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

JS自带window.print()，可以驱动浏览器打印功能，但是只能打印整个网页，往往我们网页中还包含子页面（iframe），我们只想打印iframe页面里的内容，就需要让页面关注且获得ifame这个对象。

代码模板：

		 if (window.frames['addzlhxxIframe'] != null) {
                document.getElementById('addzlhxxIframe').focus();
                document.getElementById('addzlhxxIframe').contentWindow.print();
            } else {
                window.frames['addzlhxxIframe'].focus();
                print();
            }

其中addzlhxxIframe是ifame的ID，换成你的ifame的ID就可以了。