javascript - 随意应用打印 CSS

Question

我有一个特定的页面，我希望用户能够使用 native 浏览器打印页面 (window.print()) 进行打印，并且我希望能够向用户显示该页面的预览

我有一个名为 print.css 的 css 文件，它看起来像这样:

@media print
{ ... }

native 打印看起来不错，但我不知道如何显示打印预览，这意味着按需在“@media print”中应用 css

Answer 1

您可以使用 jQuery 在没有媒体打印标签的情况下按需将 css 插入页面。

您可以在 HTML 标记本身中执行此操作，而不是进行媒体打印，这样您就可以将 css 文件用于多种用途

J查询:

  $('head').append('<link rel="stylesheet" href="print.css" type="text/css" />');

在 HTML 中添加媒体标签:

  <link rel="stylesheet" type="text/css" href="print.css" media="print">