ホームページ  >  記事  >  ウェブフロントエンド  >  時間に基づいてさまざまな CSS ファイルを動的にロードするにはどうすればよいですか? _html/css_WEB-ITnose

時間に基づいてさまざまな CSS ファイルを動的にロードするにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:24:181191ブラウズ

時間に応じて、日中に使用したCSSファイルは日中にロードされ、夜間に使用したCSSファイルは夜間にロードされます。

どうやって達成しますか?


ディスカッションに返信(解決策)

サーバー側の場合
時間を判断
" 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")
}
}

or
var c = "night.css"
if(d> 8 && d < 18){
c="day.css"
}
document.write('

サーバー側で判断するのが最善です。

PHP の場合は、Apache rewrite URL を使用して style.php ファイルを style.css に書き換えることができます

その場合、出力形式は次のようになります。 style.css?date=1380644282

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。