我发现的与此相关的所有其他问题都是关于更改特定元素或使用按钮更改 CSS 文件,但我想找出的是:
是否有一个脚本可以在页面刷新时交换整个 CSS 文件?
即我有我的核心 style.css
和补充 {color}.css
文件,它们替换了 style.css
中的某些元素,并且我'我喜欢那些在刷新时随机加载的补充 CSS 文件。
抱歉,我什至不知道从哪里开始。希望有人能提供一些指示?
谢谢。
最佳答案
从根本上说,这只是随机挑选一些东西的问题,例如:
<head>
<!-- ... -->
<script>
var sheets = ["sheet1.css", "sheet2.css", "sheet3.css"];
var sheet = sheets[Math.floor(Math.random() * sheets.length)];
document.write('<link rel="stylesheet" href="' + sheet + '">');
</script>
<noscript>
<link rel="stylesheet" href="sheet1.css">
</noscript>
<!-- ... -->
(document.write
实际上不是一个糟糕的解决方案的罕见情况之一。)请注意 noscript
后备将始终在具有 JavaScript 的浏览器上使用相同的样式表禁用。
关于javascript - 刷新时更改整个 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38071341/