Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript按日期加载css_Javascript_Css_Date - Fatal编程技术网

使用javascript按日期加载css

使用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;

我期待根据日期(季节)加载不同的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;

如果(月===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以避免冲突的最佳结构是什么?