在正常情況下,連續(xù)點(diǎn)擊是來回變換的,但是有一種情況會發(fā)生錯誤或者說只變化一次:
原因:檢索圖片鏈接字段的c.src.match('a')里面的a不可以只是一個(gè)阿拉伯?dāng)?shù)字(可以數(shù)字和字母組合(第一個(gè)是數(shù)字的組合也可以))!
正常:
html:
<img src="./images/2018-a.jpg" id="tupian" onclick="changeImg()">
js:
function changeImg(){
c=document.getElementById("tupian");
if (c.src.match('b')) {
c.src="./images/2018-a.jpg";
}
else{
c.src="./images/2018-b.jpg";
}
}
發(fā)生錯誤或者只變化一次:
html:
<img src="./images/2018-1.jpg" id="tupian" onclick="changeImg()">
js:(發(fā)生錯誤)
function changeImg(){
c=document.getElementById("tupian");
if (c.src.match('2')) {
c.src="./images/2018-1.jpg";
}
else{
c.src="./images/2018-2.jpg";
}
}
js:(只變化一次)
function changeImg(){
c=document.getElementById("tupian");
if (c.src.match('1')) {
c.src="./images/2018-2.jpg";
}
else{
c.src="./images/2018-1.jpg";
}
}