Question

我的问题与以下代码有关：

目前，我在HTML中包含JS代码，并且可以正常工作。

如何将其放置在scripts文件夹中并通过HTML进行调用？

我已经尝试了各种方法，但是它无法正常工作，因为在JS中，除非当前在HTML中是这样，否则它将无法运行。

请帮助！

HTML：

<div class="slideshow-wrapper clearfix">
       <img class ="myPics" src="images/puppy.jpg">
       <img class="myPics" src="images/paw.jpg">
       <img class="myPics" src="images/donkey.jpg">
       <img class="myPics" src="images/bunny.jpg">
       <img class="myPics" src="images/kittens.jpg">
    </div> <!-- End of slideshow-wrapper div -->

Javascript：

<script>
 var myIndex = 0;
 carousel();

 function carousel() {
 var i;
 var x = document.getElementsByClassName("myPics");
     for (i = 0; i < x.length; i++) {
         x[i].style.display = "none";
     }
 myIndex++;
 if (myIndex > x.length) {myIndex = 1}
 x[myIndex-1].style.display = "block";
 setTimeout(carousel, 1000); // Change image every 2 seconds
 }

我尝试了以下方法：

<script src="./scripts/carousel.js"></script>

JS文件如下所示：

<script>
var myIndex = 0;
carousel();

function carousel() {
var i;
var x = document.getElementsByClassName("myPics");
for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
   x[myIndex-1].style.display = "block";
   setTimeout(carousel, 1000); // Change image every 2 seconds
}

该文件称为carousel.js

在单独的文件中将不起作用

Answer 1

将此行包含在html文件中。 myscript.js是您的javascript文件，您可以在此处编写从html文件所在的位置开始的路径

 <script src="myscripts.js"></script>
 <html>

 </html>

Javascript初学者..如何使此代码起作用？

1 个答案: