引用错误javascript，尝试创建幻灯片但不工作_Javascript_Jquery_Html

引用错误javascript，尝试创建幻灯片但不工作

javascript jquery html

引用错误javascript，尝试创建幻灯片但不工作,javascript,jquery,html,Javascript,Jquery,Html,我正试图使用javascript创建幻灯片放映，但由于VM271“索引：21未捕获引用错误：未定义changeimage，因此出现错误在htmlanchoreElement.onclick（VM271索引：21） onclick@VM271索引：21” 我的index.html代码是 <!DOCTYPE html> <html> <head> <title>Slideshow</title>

我正试图使用javascript创建幻灯片放映，但由于VM271“索引：21未捕获引用错误：未定义changeimage，因此出现错误在htmlanchoreElement.onclick（VM271索引：21） onclick@VM271索引：21”

我的index.html代码是

 <!DOCTYPE html>
<html>
    <head>
        <title>Slideshow</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="container">

        <div class="row">
            <div class="col-md-4" >
                <a href="#" onclick=""><img src="previous.png" class="mx-
auto d-block"></a>
            </div>
            <div class="col-md-4">
                <image src="iphone.jpg" id="slideshow">
            </div>
            <div class="col-md-4">
                <a href="#" onclick="changeimage()"><image src="forward.png" class="mx-auto d-block"></a>
                                                <script src="slideshow.js">

            </div>

        </div>
    </div>

</body>

1）您可以在web开发人员控制台中看到语法错误。如果你检查你应该看到你有一个没有括号“（）”的If

如果计数>2。更新：（完成）

2）在关闭主体标记之前加载滑块脚本

...
<script src="slideshow.js"></script>
</body>
...

5）如果出现语法错误或未加载文件，请在控制台中进行检查。

1）您可以在web developer控制台中看到语法错误。如果你检查你应该看到你有一个没有括号“（）”的If

如果计数>2。更新：（完成）

2）在关闭主体标记之前加载滑块脚本

...
<script src="slideshow.js"></script>
</body>
...

5）如果出现任何语法错误或文件未加载，请在控制台中进行检查。

的一些改进。模数的范围从0（数组中的第一个图像）到最后一个

images.length-1

count=1

是为了不显示第一张图像两次

var count=1;

function changeimage(){
   $("#slideshow").attr("src", images[count++ % images.length] );
}; 

$("#btnChngImg").click(function(){
  changeimage(); 
});

稍微改进一下。模数的范围从0（数组中的第一个图像）到最后一个

images.length-1

count=1

是为了不显示第一张图像两次

var count=1;

function changeimage(){
   $("#slideshow").attr("src", images[count++ % images.length] );
}; 

$("#btnChngImg").click(function(){
  changeimage(); 
});

是的，您的代码工作正常，控制台中没有错误，但不会更改图像，您确定正在加载slideshow.js吗？文件位于文档根目录下，对吗？不是js文件夹还是其他地方？加载页面时，您应该会看到控制台中找不到的文件。您的代码工作正常。没有给出错误，但当我尝试在$（“#btnchangefroward”）之后执行console.log（count）时。单击（function（）行，它不会在控制台中打印任何内容。我添加了console.log（）语句。它在关闭循环之前进入函数changeimage。它不会控制台任何内容。提供空结果，代码正常工作，控制台中没有错误，但它不会更改图像，您确定正在加载slideshow.js吗？文件位于文档根目录中，对吗？不在js文件夹或其他地方？您应该会看到在co中找不到的文件加载页面时执行nsole。您的代码工作正常。在尝试控制台时没有错误。在$（“#btnchangefroward”）之后记录（计数）。单击（function（）行，它不会在控制台中打印任何内容。我添加了console.log（）语句。它在关闭循环之前进入函数changeimage内部。它不会控制台任何内容。结果为空

var count=1;

function changeimage(){
   $("#slideshow").attr("src", images[count++ % images.length] );
}; 

$("#btnChngImg").click(function(){
  changeimage(); 
});