javascript - 是否可以使用 javascript 更改实际的 css 文件?

标签 javascript css

我想使用从数据库中获取的数据修改 CSS 文件。因此,登录后,我从数据库中获取所有必要的数据并使用 insertRule/deleteRule 方法更新样式表,然后重定向到主页。

Login -> Theme engine page (modify css) -> home page

主题引擎页面 (theme.html) 是一个空的 HTML 页面,带有一个 JS 文件 (themeEngine.js),它修改了 CSS 文件。

我检查了 theme.html 中的样式表,它与预期结果相同,但是,当它重定向到主页时,CSS 文件返回到其默认版本。 insertRule/deleteRule 方法不会改变实际文件!

我尝试将 themeEngine.js 导入每个现有的 HTML 文件,但在这种情况下,在主题引擎开始工作并将 js 文件导入每个页面之前,会出现默认样式(持续一小段时间,具体取决于互联网速度)很不方便。

我想知道如何解决这个问题:为每个用户设置自定义样式。是否可以使用 JavaScript 编辑实际的 CSS 文件?

最佳答案

没有服务器的明确支持,浏览器不能更改服务器上的数据。 (想象一下,否则 Google 主页会存在多久!)

通常,您需要选择一种服务器端编程语言,使用它来编写 API,然后使用 Ajax 与其交互。

关于javascript - 是否可以使用 javascript 更改实际的 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57590552/

相关文章:

html - 内容可编辑的不可点击的上下文菜单

javascript - 滚动应该出现在具有固定表头的整个表中

javascript - 如何将链接的 html 源复制到剪贴板并解析为 Lotus Notes 中的链接?

javascript - 显示/隐藏基于 $scope 变量(整数)的 div

javascript - 允许在 Firefox 浏览器禁用的输入文本框中复制/粘贴

html - CSS - 在输入检查时更改父 div 背景颜色

html - 全宽 SVG 剪辑

javascript - 单击并按住按钮时如何继续滚动图像?

javascript - DIV 内容可编辑链接格式 : How to prevent the append when typing at the time of input?

javascript - 如何从异步调用返回响应?