JavaScript:改變 HTML 圖像,來回變換

在正常情況下,連續(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";
}
}

測試地址:http://cuanyair.com/js-test/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • document.write(''); } if ( (document.cookie && document.c...
    一副慫樣閱讀 715評論 0 1
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個(gè)實(shí)例,加載時(shí)并不主動創(chuàng)建,需要時(shí)才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,092評論 1 10
  • 昨天看朋友圈,很多人結(jié)婚。好多人都說昨天是適合結(jié)婚的好日。10月5日,是個(gè)單數(shù)。我想,大概農(nóng)歷是個(gè)好日子吧,農(nóng)歷八...
    695890dfa475閱讀 179評論 2 1
  • 這一次,是Teacher Hu老師的冒險(xiǎn)故事(聽到這么叫他,他一定會說‘這是什么鬼語法?!’但我知道其實(shí)他是很懷念...
    tzykenshin閱讀 200評論 0 0
  • 我的家庭,它是一個(gè)龐大的家族,它有著爸爸媽媽大哥二哥三哥還有我小妹,現(xiàn)在家里面又有 我的大嫂二嫂三嫂和她們的...
    雨過天晴L閱讀 118評論 0 0