如何根据时间动态加载不同的css文件?_html/css_WEB-ITnose
程序员文章站
2022-06-08 16:41:00
...
根据时间,白天加载白天用的CSS文件,晚上加载晚上用的CSS文件。
如何实现?
如何实现?
回复讨论(解决方案)
如果是服务器端
判断时间,然后
" rel="stylesheet" type="text/css" />
就可以了
如果采用js
你可以
window.onload=function(){
var d = new Date().getHours();
if(d>8 && d document.getElementById("css").setAttribute("href","day.css")
}else{
document.getElementById("css").setAttribute("href","night.css")
}
}
或者
var c = "night.css"
if(d>8 && d c="day.css"
}
document.write('')
最好还是服务器端判断。
如果是php的话,可以用apache rewrite url,把一个style.php文件改写为style.css
然后输出格式可以像这样 style.css?date=1380644282
上一篇: 创意程序的开创者
推荐阅读
-
如何根据不同的屏幕分辨率来显示不同的图片?_html/css_WEB-ITnose
-
如何根据时间动态加载不同的css文件?_html/css_WEB-ITnose
-
我有二个CSS文件,根据不同屏幕,使用JS如何来控制它导入呢?_html/css_WEB-ITnose
-
Javascript文件的动态加载-吴统威的博客_html/css_WEB-ITnose
-
使用Date日期对象来完成,在页面上根据不同时间显示不同的问候语,如:早上好,中午好,下午好,晚上好等信息_html/css_WEB-ITnose
-
Javascript文件的动态加载-吴统威的博客_html/css_WEB-ITnose
-
如何根据不同的屏幕分辨率来显示不同的图片?_html/css_WEB-ITnose
-
使用Date日期对象来完成,在页面上根据不同时间显示不同的问候语,如:早上好,中午好,下午好,晚上好等信息_html/css_WEB-ITnose
-
如何根据时间动态加载不同的css文件?_html/css_WEB-ITnose
-
根据屏幕大小,加载不同大小的图片_html/css_WEB-ITnose