使用javascript按日期加载css
我期待根据日期(季节)加载不同的css文件 我尝试在stackoverflow上从这里修改一个图像脚本,但没有成功 有人能告诉我哪里出了问题吗使用javascript按日期加载css,javascript,css,date,Javascript,Css,Date,我期待根据日期(季节)加载不同的css文件 我尝试在stackoverflow上从这里修改一个图像脚本,但没有成功 有人能告诉我哪里出了问题吗 <link href="/css_season/default.css" rel="stylesheet" type="text/css" onload="logo(this)"> 功能标识(链接){ var d=新日期(); var Today=d.getDate(); var Month=d.getMonth(); var-src;
<link href="/css_season/default.css" rel="stylesheet" type="text/css" onload="logo(this)">
功能标识(链接){
var d=新日期();
var Today=d.getDate();
var Month=d.getMonth();
var-src;
如果(月===4&&(今天>=1&&Today=1&&Today=30)| |(月===0&&Today=15&&Today您在js函数末尾有错误的赋值。
link.href=href;
应该是link.href=src;
干杯您的作业链接。href=href
无效,因为href
未定义。此外,我会将徽标
功能放在
中,并为您的链接
标记一个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;
}
功能标识(){
var d=新日期();
var Today=d.getDate();
var Month=d.getMonth();
var-src;
如果(月===4&&(今天>=1&&Today=1&&Today=30)| |(月===0&&Today=15&&Today=15&&Today),这可能有助于将onload
放在正文
而不是链接
:不支持链接上的onload
(尚未)但是,还有改进的余地:您可以完全停止使用onload
属性,并在脚本本身内部附加load
事件处理程序(将HTML与JavaScript分离);您还可以将所有样式放在一个CSS文件中,并让JavaScript在主体上放置一个类(而不是更改加载的CSS)为了区分不同的风格。非常感谢您快速准确的响应!我将检查并响应。为了确保,我可能可以添加和绕过javascript?这
和
绕过javascript就可以了。我尝试了脚本,但似乎出现了错误,什么也没有发生。这可能与其他脚本冲突吗页面上的jquery?加载多个jquery以避免冲突的最佳结构是什么?