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

Question

打开1.html页面时，我使用javascript将背景图像添加到页面正文中。 看起来像这样：

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

该脚本将背景图像插入CSS主体类中。

我的问题。 使用香草JS，如何才能将此更改保存到CSS文件 http://www.example.com/my_css.css ？ 因此，当我打开页面2.html时，body类已经添加了背景图像。

Answer 1

在典型设置下，您无法修改CSS文件（该文件位于服务器上，所有用户均可访问，并且浏览器没有覆盖服务器上文件的默认方式（aka Massive Security Hole）。

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

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

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