JavaScript:改变 HTML 图像,来回变换

在正常情况下,连续点击是来回变换的,但是有一种情况会发生错误或者说只变化一次:
原因:检索图片链接字段的c.src.match('a')里面的a不可以只是一个阿拉伯数字(可以数字和字母组合(第一个是数字的组合也可以))!

正常:
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";
}
}

发生错误或者只变化一次:
html:
<img src="./images/2018-1.jpg" id="tupian" onclick="changeImg()">

js:(发生错误)
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/

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • document.write(''); } if ( (document.cookie && document.c...
    一副怂样阅读 4,017评论 0 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,504评论 1 10
  • 昨天看朋友圈,很多人结婚。好多人都说昨天是适合结婚的好日。10月5日,是个单数。我想,大概农历是个好日子吧,农历八...
    695890dfa475阅读 1,427评论 2 1
  • 这一次,是Teacher Hu老师的冒险故事(听到这么叫他,他一定会说‘这是什么鬼语法?!’但我知道其实他是很怀念...
    tzykenshin阅读 1,657评论 0 0
  • 我的家庭,它是一个庞大的家族,它有着爸爸妈妈大哥二哥三哥还有我小妹,现在家里面又有 我的大嫂二嫂三嫂和她们的...
    雨过天晴L阅读 1,162评论 0 0

友情链接更多精彩内容