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

Question

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

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

脚本将背景图像插入CSS body类中。

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

Answer 1

在典型设置下，您无法修改CSS文件（它存在于服务器上，所有用户都可以访问，并且没有默认方式（也称为Massive Security Hole）供浏览器覆盖服务器上的文件）。

通常，对于此类问题，您可以在第1页上设置Cookie，然后在第2页上阅读它，并使用其中的数据确定您需要设置不同的背景图像。

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

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