调试Javascript幻灯片

时间:2019-01-08 13:04:09

标签: javascript html css

我正在尝试调试此幻灯片,除了一件事,我已经理解了所有内容。为什么当他们替换或添加AudiosessionID类时,他们在名称中使用空格,如下图所示我已经在Google上进行了搜索(实际上我不知道要输入正确的答案我必须输入什么内容),所以我试图阅读有关Mdn和w3schools中的className的信息,但没有结果

enter image description here 这是代码:

HTML

AudiosessionID

CSS

action

Js

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <link rel="stylesheet" href="style.css">
  <body>


        <div class="slider-container">
          <div class="mySlide fade">
            <img src="1.jpg" alt="" class="img">
          </div>
          <div class="mySlide fade">
            <img src="2.jpg" alt="" class="img">
          </div>
          <div class="mySlide fade">
            <img src="3.jpg" alt="" class="img">
            </div>
            <div class="btns">
              <span class="btn" onclick="currentSlide(1)"></span>
              <span class="btn" onclick="currentSlide(2)"></span>
              <span class="btn" onclick="currentSlide(3)"></span>
            </div>
          </div>




<script src="script.js" charset="utf-8"></script>
  </body>
</html>

1 个答案:

答案 0 :(得分:4)

他们正在使用+=进行连接。添加空格将使诸如Word1 Word2 Word3之类的单词而不是Word1Word2Word3这样的单词(如果已有的话)可以被添加到类中。

例如,您有一个简单的示例:

 

如果您使用"active"将活动类添加为+=,则将是class="testactive" 如果您将活动添加为" active",则将是class="test active" 他们这样做是为了添加一个单独的类。

您可以查看+ = here