仅打印iFrame

Question

我正在研究案例解析系统,目前正在使用jquery颜色框向用户显示打开的任务列表.用户希望能够打印此列表,我想您可以通过添加从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();

Answer 2

如果 iframe 是 body 的直接子级，这可能会起作用

<style type="text/css" media="print">
   body *{display:none}
   iframe{display:block}
</style>