JS图片更换还原操作,通过图片识别标识
//图片更换还原操作,图片识别标识 如图片img.png 可换成 img2.png function img_biaoshi(caozuo,img_id, biaoshi) { var img_src = document.getElementById(img_id).src; //获取id图片路径 var weizhi = img_src.lastIndexOf('.');//查找最后一个出现的位置 var qian=img_src.substring(0,weizhi);//图片前部分 var hou= img_src.substring(weizhi);//图片后部分 if(caozuo=='add') return qian+biaoshi+hou;//添加图片识别标识 if(caozuo=='rm') return qian.substring(0, qian.length - biaoshi.length)+hou;//去掉图片识别标识 else return false; }
下面调用
//选项卡点击事件 mui('.mui-bar-tab').on('tap', 'a', function(e) { var targetTab = this.getAttribute('href'); if(targetTab == activeTab) { return; } //更换标题 //title.innerHTML = this.querySelector('.mui-tab-label').innerHTML; //显示目标选项卡 //若为iOS平台或非首次显示,则直接显示 if(mui.os.ios || aniShow[targetTab]) { plus.webview.show(targetTab); } else { //否则,使用fade-in动画,且保存变量 var temp = {}; temp[targetTab] = "true"; mui.extend(aniShow, temp); plus.webview.show(targetTab, "pop-in", 200); } //alert(activeTab+'是上一个,当前'+targetTab); //console.log(document.getElementById(activeTab).src); document.getElementById(activeTab).src = img_biaoshi('rm',activeTab, '1'); //上一个 document.getElementById(targetTab).src = img_biaoshi('add',targetTab, '1'); //当前 plus.webview.hide(activeTab); //隐藏当前; //更改当前活跃的选项卡 activeTab = targetTab; });
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)