为什么onclick第一次点击没反应，第二次才有？

代码如下，点击一次切换一次图片，再点击，再切换，但是第一次没有反应
    <script>
        var coun=0;
function change1(){

if(coun==0){
document.getElementById('id2').src='images/icon/cover.png';
coun++;

}else{
document.getElementById('id2').src='images/icon/cover1.png';
coun=0;
}
}

</script>
        <img src="images/icon/cover.png" id= "id2" onclick="change1()">

8 个解决方案

#1

初始化设置成1
 var coun=1;

#2

你第一次点击那个图片和你原来的图片是一样的，当然没有反应了，如楼上所说，var coun = 1; 或你把图片地址对调一下！

#3

引用 2 楼 piovt25728 的回复:

你第一次点击那个图片和你原来的图片是一样的，当然没有反应了，如楼上所说，var coun = 1; 或你把图片地址对调一下！

...

#4

function change1(){
var src1='images/icon/cover.png';
var src2='images/icon/cover1.png';
var  id2=document.getElementById('id2')
id2.src=(id2==src1)?src2:src1
}

#5

你仔细研究下加载的过程，当你点击时，你的coun是等于0的，所以会出现点击一次不变的情况，但是执行完上面的判断后，你的coun+1了，此时变为1，这样再点击就会出现改变，你可以在初始定义变量的时候将coun的值设置为1，或者改变判断条件。希望对你有所帮助，一起加油吧

#6

引用 2 楼 piovt25728 的回复:

你第一次点击那个图片和你原来的图片是一样的，当然没有反应了，如楼上所说，var coun = 1; 或你把图片地址对调一下！

正确

#7

else 了

#8

<script>
        var coun=0;
function change1(){

if(coun==0){
document.getElementById('id2').src='images/icon/cover1.png';
coun++;

}else{
document.getElementById('id2').src='images/icon/cover.png';
coun=0;
}
}

</script>
<img src="images/icon/cover.png" id= "id2" onclick="change1()">

调换了一下路径,按着我这样改就解决问题了。