javascript - 从 javascript 打印

Question

我有一个显示搜索结果的页面。我正在寻找一种打印这些搜索结果的方法。但是，有些元素(广告、菜单等)不应打印。

到目前为止，我将结果与搜索结果一起发送到新选项卡(使用 javascript)。所有不应显示的元素都已删除。但是，只有文本显示。所有 CSS 样式和图像均未显示。

由于结果已经显示，我试图避免让服务器再次执行搜索。

要记住的另一件事是，这是一个 SPA 站点(即 URL 在整个站点中永远不会改变)。

我的猜测是因为 html 被发送到新选项卡，所以未设置根 URL。所以当涉及到图像、css 和脚本文件的相对路径时，它不知道如何构建完整路径。

有谁知道让这个方法起作用的方法吗？我知道我可以通过让服务器再次执行搜索来让它工作，但我正在尝试查看是否有客户端解决方案。

谢谢!

Answer 1

使用 JavaScript 将输出发送到另一个选项卡可能是错误的来源，而且完全没有必要。在页面的 CSS 中:

@media screen {
    .menu {display : block;}
}
@media print {
    .menu {display : none;}
}

会完成这项工作。