javascript - 创建打印链接

Question

我想创建一个打印按钮，选择该按钮后将打印当前查看的网页的打印机友好版本。我该怎么办？我还想在 ajax/jQuery 弹出窗口中显示文档的打印预览。用户还可以放大、缩小、旋转内容。

Answer 1

通常，我对打印介质使用 CSS 样式表，为了提供打印机友好的页面 View ，我调用该页面并在页面上添加适当的 CSS 文件。假设我有一个 main.css 文件来设置页面样式，还有一个 print.css 文件用于打印媒体。在打印预览 View 中，我将 print.css 文件链接到 main.css 文件之后，以便可以重新修改页面 View 以更加适合打印机。您可以在 URL 中包含此内容，例如:http://....?p1=v1&...&view=print

因此服务器端代码将附加打印机 CSS 文件。如果这是您的解决方案，那么您可以通过 JavaScript 添加额外的 view=print 参数来调用同一页面 URL。因此，打印预览按钮的 onclick 操作可能是:

$('#printPrevButton').click(function() {window.open(window.location + '&view=print')});

请注意，上面的代码是一个示例模型，需要更多工作(例如检查是否存在以 ? 字符开头的查询字符串等)。