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

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

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

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

サーバー側の場合
時間を判断
<link href="<%="判定結果"%>" type ="text/ css" />
以上です

js を使用する場合
<link href="" id="css" rel="stylesheet" type="text/css" />
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('<link href="' + c + '" rel="stylesheet" type="text/ css" /&gt ;')


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

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

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