javascript - 如何在单个页面应用程序上有多个 css 打印布局?

标签 javascript html css single-page-application printing-web-page

我有一个单页应用程序,我有不同的部分,我想在每个部分的页面上打印图像列表。

我想也许为此目的使用 iframe,但我想从有这种情况经验的人那里得到答案。

解决这个问题的最佳方法是什么?

最佳答案

您可以使用 CSS 媒体查询在打印时指导 CSS 规则,如以下答案所述:How do I hide an element when printing a web page? .

然后,您可以在打印之前在某些高级部件对象上设置不同的类,以控制应用哪些 CSS 规则,从而控制在给定操作中打印的内容。

您还可以将整个样式表的媒体类型设置为打印,以便仅在打印时应用。

或者,根据具体情况,你可以打开一个新窗口,把要打印的内容放在那个新窗口中,打印那个窗口。通常,如果没有必要,最好避免打开新窗口。

关于javascript - 如何在单个页面应用程序上有多个 css 打印布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18426823/

相关文章:

javascript - 通过将多个状态变化事件指向一个函数来过滤 Google 可视化表格图表

html - 在图像悬停时 - 鼠标显示为文本图标?

javascript - 使用 javascript 为 body 标签创建类

javascript - removechild 循环在完成前退出

javascript - 如何通过单击特定段落来激活事件

javascript - 使用 Bootstrap 4 beta 进行表单验证

css - Codeigniter CSS 未加载

javascript弹出框

javascript - 保护 JavaScript ajax 调用中的数据

javascript - ServiceWorker MIME 类型错误 ('text/html' ) 注册 (React)