创建打印链接

Question

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

Answer 1

通常我使用CSS样式表作为打印介质，并提供打印机友好的页面视图，我调用页面并在页面上添加适当的CSS文件。说我有一个main.css文件来设置我的页面样式，以及一个print.css用于打印媒体。在打印预览视图中，我将print.css文件链接到main.css文件之后，以便可以重新修改页面视图以使打印机更友好。您可以在以下网址中添加以下内容： http：// ....？p1 = v1＆amp; ...＆amp; view = print

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

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

请注意，上面的代码是一个示例模型，需要更多工作（比如检查查询字符串是否存在？字符等）。