Heim > Web-Frontend > HTML-Tutorial > 如何根据时间动态加载不同的css文件?_html/css_WEB-ITnose

如何根据时间动态加载不同的css文件?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:24:18
Original
1205 Leute haben es durchsucht

根据时间,白天加载白天用的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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage