如果.. else如果无法正常工作

这就是它的工作方式：从问题： x == 0 || 1至x == 0 || x == 1等。

这是从.html

运行的

<body>   
<div class="" id="pimg1">
      </body><script>
      var x=new Date().getMonth();
     if (x == 0||x == 5||x == 2){document.getElementById('pimg1').className='pimg1';}
      else 
      if (x == 3||x == 4){document.getElementById('pimg1').className="pimg1a";}
      else 
      if (x == 6||x == 7||x == 8){document.getElementById('pimg1').className='pimg1b';}
      else                            {document.getElementById('pimg1').className='pimg1c';}

    </script></html>

外部CSS：

.pimg1{
   background-image: url('images/style1.jpg');/*Zone 1*/}
  .pimg1a{
 background-image: url('images/style2.jpg');/*Zone 1*/}
 .pimg1b{
background-image: url('images/style3.jpg');/*Zone 1*/}
    .pimg1c{
background-image: url('images/style4.jpg');/*Zone 1*/}

首先，将JavaScript代码放在<script></script>标签之间，因为JavaScript代码不会在HTML <div></div>标签中运行。

然后，而不是x == 0||9||2，使用x == 0 || x == 9 || x == 2。

请贴上您的代码，以便更容易的可读性。||操作员在let和右侧寻找条件。9不是条件，2也不是条件。当您放置x == 9 || x == 2时，您是说检查左侧的状况，如果不是真的，请检查右侧的条件。如果是真的，那么我们就可以了。

我们不能将CSS用于<script>标签，也从<div>标签中删除<script>标签，如下所示：

<html>
<head>
  <style>
    .pimg1 {
      background-image: url('images/style1.jpg');
      /*Zone 1*/
    }
    .pimg1a {
      background-image: url('images/style2.jpg');
      /*Zone 1*/
    }
    .pimg1b {
      background-image: url('images/style3.jpg');
      /*Zone 1*/
    }
    .pimg1c {
      background-image: url('images/style4.jpg');
      /*Zone 1*/
    }
  </style>
</head>
<body>
  <div class="" id="pimg1"></div>
  <script>
    var x = new Date().getMonth();
    if (x == 0 || 9 || 2) {
      document.getElementById('pimg1').className = 'pimg1';
    } else if (x == 3 || 5) {
      document.getElementById('pimg1').className = "pimg1a";
    } else if (x == 6 || 1 || 8) {
      document.getElementById('pimg1').className = 'pimg1b';
    } else {
      document.getElementById('pimg1').className = 'pimg1c';
    }
  </script>
</body>
</html>

相关内容

最新更新

热门标签：