<script type="text/javascript">
<!--
dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
dayNumber = new Date().getDay();
document.writeln('<link rel="stylesheet" type="text/css" href="' + dayNames[dayNumber] + '.css">');
//-->
</script>
<noscript>
<link rel="stylesheet" type="text/css" href="default.css">
</noscript>
相应地命名你的 css 文件:Saturday.css,Friday.css,Sunday.css 等…
如果浏览器中禁用了 JavaScript,它将恢复到默认的 default.css 文件。
不要使用 document.write,它会导致页面在处理页面其余部分之前显示一个空白页面几秒钟。我建议使用 document.createElement 代替。
因为空白页面会让你在处理动态样式表生成时非常想要避免这种情况。
例如
var dSS = {
names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
number: new Date().getDay(),
link: document.createElement('link')
}
dSS.link.rel = "stylesheet";
dSS.link.type = "text/css";
dSS.link.href = dSS.names[ dSS.number ] + ".css";
document.getElementsByTagName('head')[0].appendChild( dSS.link );
你怎么创建时间版本?
所以在某个时间点它会改变?
那么你在哪里编写 css 文件?
上面给出的代码很棒。
你能根据时间创建 javascript 代码吗?
意思是,
凌晨 12:00 - 上午 4:00 —– night.css 等,
拜托…
谢谢 V1
我如何让你的代码每月工作,只需将“getDay”更改为月份并添加它们?
有没有根据节日或特殊日期(如复活节或新年)使用的选项?
我正在寻找一个具有相同目的的 JS,它可以异步加载剩余的屏幕下方 CSS,以优化 Google Insights 的结果,你有什么想法吗?