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

Javascript 如何在不重新加载/刷新数据的情况下使html页面可打印?,javascript,jquery,html,css,printing,Javascript,Jquery,Html,Css,Printing,我有一个由jQuery提供支持的小型html/css站点,由PHP生成,您可以看到它的运行 该网站的所有想法是,一旦加载,它就可以在没有互联网连接的情况下工作,如果浏览器支持javascript,也就是说 你可以看到它有一个打印按钮,但它还不能工作。我想让它发挥作用,但我不确定什么是最好的方法,或者任何方法 我只需要打印内容区域,即标题(歌曲标题)和段落(歌词)。可能会在纸张上添加页眉/页脚,以便打印站点名称。 在其他网站上,它的工作方式通常是打印按钮打开一个新窗口,加载例如/PRINT.php

我有一个由jQuery提供支持的小型html/css站点,由PHP生成,您可以看到它的运行

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

你可以看到它有一个打印按钮,但它还不能工作。我想让它发挥作用,但我不确定什么是最好的方法,或者任何方法

我只需要打印内容区域,即标题(歌曲标题)和段落(歌词)。可能会在纸张上添加页眉/页脚,以便打印站点名称。

在其他网站上,它的工作方式通常是打印按钮打开一个新窗口,加载例如
/PRINT.php?id=40
,但我不想在这里这样做,因为它需要一个活动的internet连接


如果在没有internet连接的情况下无法完成打印功能,则仍然可以接受至少描述如何通过重新加载站点来实现这一点的答案。

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

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

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

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

如何绑定打印按钮(
div
)打开点击打印?是否也应该在PRINT.css中使用css重置?如何绑定打印按钮(
div
)打开点击打印?是否也应该在PRINT.css中使用css重置?