服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - 正则表达式 - JS点击图片改变图片图径并用正则表达式取图片名的代码

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

2020-07-30 17:31正则之家 正则表达式

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')取得图片名

延伸 · 阅读

精彩推荐