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

Question

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

页面文件名为“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)”链接，它将指向原始页面 ref(“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

您可以使用符号链接(symbolic link)在没有额外逻辑的情况下实现这一点。 提供您的文件是:

webversion/rallye.html

在 webversion/ 中创建指向文件的符号链接(symbolic link):

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。 这样，只有打印版本会附加额外的样式。