使用javascript按日期加載css
[英]Load css by date with javascript
問題描述
我希望根據日期（季節）加載不同的css文件。
我嘗試在stackoverflow上從這里修改圖像腳本，但這不起作用。
任何人都可以指出我哪里出錯了？
<link href="/css_season/default.css" rel="stylesheet" type="text/css" onload="logo(this)">
function logo(link) {
var d = new Date();
var Today = d.getDate();
var Month = d.getMonth();
var src;
if (Month === 4 && (Today >= 1 && Today <= 30)) {
src = "/css_season/easter.css";
} else if (Month === 7 && (Today >= 1 && Today <= 31)) {
src = "/css_season/vacation.css";
} else if ((Month === 8 && Today >= 30) || (Month === 0 && Today <= 2)) {
src = "/css_season/vacation.css";
} else if (Month === 12 && (Today >= 15 && Today <= 31)) {
src = "/css_season/holidays.css";
}
link.href=href;
}
2 個解決方案
解決方案1
1 2012-12-28 10:14:12
你在js函數的末尾有錯誤的賦值。
link.href=href; 應該是link.href = src;
干杯
解決方案2
1 已采納 2012-12-28 10:17:21
您的賦值link.href=href將無效，因為未定義href 。 另外，我會將logo功能放在<body onload="logo();">並為你的link標簽添加一個id屬性。
這應該適合你：
<html>
<head>
<link id="cssId" href="/css_season/default.css" rel="stylesheet" type="text/css"/>
</head>
<body onload="logo();">
<!-- body content here -->
</body>
function logo() {
var d = new Date();
var Today = d.getDate();
var Month = d.getMonth();
var src;
if (Month === 4 && (Today >= 1 && Today <= 30))
src = "/css_season/easter.css";
else if (Month === 7 && (Today >= 1 && Today <= 31))
src = "/css_season/vacation.css";
else if ((Month === 8 && Today >= 30) || (Month === 0 && Today <= 2))
src = "/css_season/vacation.css";
else if (Month === 12 && (Today >= 15 && Today <= 31))
src = "/css_season/holidays.css";
document.getElementById('cssId').href=src;
}
在JavaScript中加載動態CSS
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.