javascript - 动态 css 文件和 javascript

Question

<link rel="stylesheet" type="text/css" href="test.css"/>

在静态 css 的情况下，我们通过上面的链接标记提及 css 文件。假设在更改页面主题的情况下，我们需要在下载 css 文件后动态更改 css 名称。所以我只想知道如何动态下载 css 文件并在 javascript 的帮助下更改链接标记中的 css 文件名。请帮助我。

Answer 1

如果您有外部 CSS，您不会想要动态生成它，因为浏览器会缓存它。你可以在你的网络服务器中设置任意文件类型来动态呈现，但我不推荐它用于 css。

要停止 CSS 文件缓存，在它们之后给查询字符串加上时间戳，IE:

<link rel="stylesheet" type="text/css" href="test.css?x=15/12/14 13:00:04"/>

这再次绕过了浏览器缓存的许多效率，但它作为一个选项存在。

CSS 的动态部分，您可以提取外部文件并将它们放在内部样式表中，然后以这种方式动态插入颜色值。这可以正常工作，您可以将其模块化为包含文件。