Javascript 将规则添加到CSS类，然后保存样式表

当我打开page 1.html时，我使用javascript向页面主体添加背景图像。看起来是这样的：

document.body.style.backgroundImage = "url(http://www.example.com/image.jpg)";

脚本在CSS主体类中插入背景图像

---

我的问题使用vanilla JS，如何将此更改保存到CSS文件？因此，当我打开page 2.html时，body类已经添加了背景图像。

在典型的设置下，您不能修改CSS文件（它位于服务器上，所有用户都可以访问，并且浏览器没有默认的方式（即巨大的安全漏洞）覆盖服务器上的文件）

通常，对于这种类型的问题，您需要在第1页设置cookie，然后在第2页重新读取cookie，并使用其中的数据确定您需要设置不同的背景图像

您还可以将信息存储在其他位置，例如本地存储中

如果您需要背景图像的更改对所有用户都可见，那么您需要通知服务器这一点（通常使用Ajax），并让服务器端代码跟踪信息并在用户之间共享（例如，通过在数据库中存储状态，然后在生成HTML时在body元素上设置类）