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

Add rule to CSS class, then save stylesheet

本文关键字：然后 保存 样式 规则 添加 CSS      更新时间：2023-09-26

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

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

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

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

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

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

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

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

相关文章：