首页前端开发其他前端知识JS点击图片改变图片图径并用正则表达式取图片名的代码

JS点击图片改变图片图径并用正则表达式取图片名的代码

时间2024-02-01 16:10:03发布访客分类其他前端知识浏览795
导读:收集整理的这篇文章主要介绍了JS点击图片改变图片图径并用正则表达式取图片名的代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 -------------JS------------...
收集整理的这篇文章主要介绍了JS点击图片改变图片图径并用正则表达式取图片名的代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 -------------JS-----------------
复制代码 代码如下:
script language="javascript" tyPE="text/javascript">
// !CDATA[

function img1_onclick(id) {
VAR imgName=document.getElementById(id).src.replace(/.*\/([^\/]+)\..+/,'$1');

if(imgName=="True")
{
document.getElementById(id).src="Images/False.jpg";
} else
{
document.getElementById(id).src="Images/True.jpg";
}
}

// ]]>
/script>

----------Form------------------------
复制代码 代码如下:
img id="img1" src="Images/False.jpg" runat="server" onclick="return img1_onclick('img1')" /> s

-----------正则表达式s----------------------------
复制代码 代码如下:
replace(/.*\/([^\/]+)\..+/,'$1')取得图片名
您可能感兴趣的文章:
  • jsp中点击图片弹出文件上传界面及预览功能的实现
  • 用javascript实现点击链接弹出"图片另存为"而不是直接打开
  • js实现点击后将文字或图片复制到剪贴板的方法
  • JS实现点击图片在当前页面放大并可关闭的漂亮效果
  • js点击更换背景颜色或图片的实例代码
  • 简单的实现点击箭头图片切换的js代码
  • javascript 不间断的图片滚动并可点击
  • 基于JavaScript实现图片点击弹出窗口而不是保存

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

点击图片

若转载请注明出处: JS点击图片改变图片图径并用正则表达式取图片名的代码
本文地址: https://pptw.com/jishu/595622.html
JS 正则表达式的相关方法(正则学习笔记1) 正则表达式笔记三则

游客 回复需填写必要信息