创建同一 html 页面的弹出版本，但带有附加样式表

Question

在我的自行车俱乐部网站上，我设置了以下网页，作为我们组织的自行车之旅的锚点。实际上，打印页面会打印屏幕页面的不同视图：它使用普通样式表打印参与者将使用的提示表。此页面已经存在并且在线。

页面文件名为“rallye_de_la_malmaison.html”。它的链接是：

https://www.abeille-cyclotourisme.fr/organisations/rallye_de_la_malmaison.html>

不使用像 PHP 这样的服务器端语言，但在需要时使用 javascript，我还希望能够使用此页面打印描述这辆自行车的传单格式 A5（将从单个 A4 页面打印两个传单）事件。我已经成功地从我的原始页面准备了这个传单，只需使用一个额外的样式表（“styles_plaquette_rm.css”）。

在当前网站上，我添加了一个名为“Pub (A5)”的链接。在我成功准备的示例中，单击链接“Pub A5”打开“rallye_de_la_malmaison.html”页面的副本，重命名为“rallye_de_la_malmaison_pub.html”并修改为包含指向附加样式表“styles_plaquette_rm”的链接.css”。

当然，这是作弊。我作弊是因为我不知道该怎么做我想做的事。

我希望我的链接以允许的方式编写脚本，如果我单击“Pub (A5)”链接，它将指向原始页面参考 (“rallye_de_la_malmaison.html”) 而不是指向到同一页面的修改版本，但由于此脚本链接，在主题页面中添加了指向附加样式表所需的链接 (<link rel="stylesheet" type="text/css" href="../styles_plaquette_rm.css">)

我看过先例Applying different Cascade Style Sheets to the same html page>。不幸的是，它没有得出关于使用 javascript 的结论，因此没有帮助，除非我似乎有同样的问题，而且似乎有一个解决方案是可能的。

我的问题够清楚吗？ 不使用 PHP 可行吗？怎么样？

Answer 1

您可以使用符号链接来实现这一点，而无需额外的逻辑。 提供您的文件是：

webversion/rallye.html

创建指向webversion/中文件的符号链接：

printversion/rallye.html ->  webversion/rallye.html

然后创建一个文件 printversion/additional-styles.css，其中包括您为印刷版添加的其他样式。

然后修改rallye.html引用additional-styles.css：

<link rel="stylesheet" type="text/css" href="additional-styles.css">

您还应该创建一个空文件webversion/additional-styles.css。 这样，只有打印版本会附加其他样式。