javascript - 只打印一个 iFrame

Question

我正在处理案例解决系统，目前正在使用 jquery colorbox 向用户显示未完成任务的列表。用户希望能够打印此列表，我想您可以在页面本身内完成，方法是添加一个从 iframe 内触发 window.print 的 JavaScript 链接。但是，我还必须考虑到可能从浏览器菜单中选择打印的用户。在那种情况下，如果颜色框是打开的，我只想打印它的内容而不是上面的页面。

是否可以使用打印媒体 CSS 文件隐藏除 iframed 内容以外的所有内容？如果是这样，如何实现？如果做不到这一点，我将需要求助于 JavaScript，那么在 JavaScript 中实现效果是否可能？

Answer 1

// suppose that this is how your iframe look like <iframe id='print-iframe' name='print-frame-name'></iframe>
// this is how you do it using jquery:
$("#print-iframe").get(0).contentWindow.print();

// and this is how you do it using native javascript:
document.getElementById("print-iframe").contentWindow.print();