Question

我正在使用JavaScript编写HTML页面（无服务器端脚本）网页。这必须由用户动态修改。然后我想让用户在本地将此页面保存为.html文件。

为实现这一目标，我建议用户使用浏览器功能“保存页面为...“。

我之所以这样做是因为我希望用户在离线时能够完全本地访问此文件。

问题是我希望用户在隐藏了他不需要的所有内容（菜单，说明等）之后将页面保存在打印机版本中。我已经链接了用于打印的css样式表（使用“media = print”），我想用它在用户保存之前更改页面的方面。（无法使用iFrame，因为浏览器功能“将页面另存为...”始终保存整个页面。）

我问是否有人知道如何动态链接新的页面的css-stylesheet 将替换css样式隐藏不需要的css类。

解决方案必须适用于最新版本的浏览器，而不是旧版本。

Answer 1

您可以根据需要在文档中添加带有打印规则的新样式表;

$('head').append('<link rel="stylesheet" href="printerFriedly.css" type="text/css" />');