JS点击图片改变图片图径并用正则表达式取图片名
编程学习 2021-07-05 10:07www.dzhlxh.cn编程入门
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')取得图片名
代码如下:
<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')取得图片名
上一篇：ExtJs 正则表达式小结
下一篇：Js 小数验证函数代码(基于正则)