JS點擊圖片改變圖片圖徑并用正則表達式取圖片名的代碼
更新時間:2010年06月19日 13:14:56 作者:
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')取得圖片名