如何在不重新加载/刷新数据的情况下打印html页面？

Question

我有一个由jQuery驱动的小型html / css站点，使用PHP生成，你可以在行动here中看到它。

关于该网站的所有想法是，一旦加载，它可以在没有互联网连接的情况下工作，如果浏览器支持javascript，那就是。

你可以看到它已准备好PRINT按钮，但它还没有工作。我想让它发挥作用，但我不确定最佳方法或方法是什么。

我只需要打印内容区域，即标题（歌曲标题）和段落（歌词）。可能会在页面上添加页眉/页脚，以便打印网站名称。

在其他网站上，它通常以PRINT按钮打开一个新窗口的方式工作，例如/print.php?id=40加载，但我真的不想这样做，因为它需要一个活跃的互联网连接。

如果没有互联网连接无法完成打印功能，那么至少可以通过重新加载网站来描述如何最好地解决此问题的答案仍然可以接受。

Answer 1

使用打印样式表指定打印的元素可见性。

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

...并在print.css

#hideThisElementInPrint,
.andThisOneToo {
    display: none;
}