JS點(diǎn)擊圖片改變圖片圖徑并用正則表達(dá)式取圖片名的代碼
更新時(shí)間:2010年06月19日 13:14:56 作者:
JS點(diǎn)擊圖片改變圖片圖徑并用正則表達(dá)式取圖片名,非常不錯(cuò)的效果。
-------------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
-----------正則表達(dá)式s----------------------------
replace(/.*\/([^\/]+)\..+/,'$1')取得圖片名
復(fù)制代碼 代碼如下:
<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------------------------
復(fù)制代碼 代碼如下:
<img id="img1" src="Images/False.jpg" runat="server" onclick="return img1_onclick('img1')" />s
-----------正則表達(dá)式s----------------------------
復(fù)制代碼 代碼如下:
replace(/.*\/([^\/]+)\..+/,'$1')取得圖片名
您可能感興趣的文章:
- jsp中點(diǎn)擊圖片彈出文件上傳界面及預(yù)覽功能的實(shí)現(xiàn)
- 用javascript實(shí)現(xiàn)點(diǎn)擊鏈接彈出"圖片另存為"而不是直接打開
- js實(shí)現(xiàn)點(diǎn)擊后將文字或圖片復(fù)制到剪貼板的方法
- JS實(shí)現(xiàn)點(diǎn)擊圖片在當(dāng)前頁(yè)面放大并可關(guān)閉的漂亮效果
- js點(diǎn)擊更換背景顏色或圖片的實(shí)例代碼
- 簡(jiǎn)單的實(shí)現(xiàn)點(diǎn)擊箭頭圖片切換的js代碼
- javascript 不間斷的圖片滾動(dòng)并可點(diǎn)擊
- 基于JavaScript實(shí)現(xiàn)圖片點(diǎn)擊彈出窗口而不是保存
相關(guān)文章
js正則匹配markdown里的圖片標(biāo)簽的實(shí)現(xiàn)
這篇文章主要介紹了js正則匹配markdown里的圖片標(biāo)簽的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
20個(gè)正則表達(dá)式必知(能讓你少寫1,000行代碼)
這篇文章主要介紹了20個(gè)正則表達(dá)式必知(能讓你少寫1,000行代碼)的相關(guān)資料,需要的朋友可以參考下2016-04-04
PHP html標(biāo)簽正則替換并可自定義正則規(guī)則
PHP有個(gè)去除HTML標(biāo)簽的函數(shù)strip_tags,不過(guò)對(duì)于某些特殊符號(hào)不好使,下面這個(gè)函數(shù)的功能非常強(qiáng)大,同時(shí)用戶還可以根據(jù)自己的需要進(jìn)行正則替換.2010-05-05
PHP中正則表達(dá)式對(duì)UNICODE字符碼的匹配方法
看到標(biāo)題是“請(qǐng)教PHP 一個(gè)正則匹配的問(wèn)題”,又是正則表達(dá)式,好吧,看下,誰(shuí)讓俺比較喜歡鼓搗正則呢。下面開始正題。2011-04-04
JavaScript中常用的正則表達(dá)式日常整理(全)
本篇文章是小編日常整理有關(guān)js常用的正則表達(dá)式,比較全面,對(duì)大家學(xué)習(xí)javascript正則表達(dá)式非常有用,需要的朋友一起學(xué)習(xí)吧2015-09-09
通過(guò)正則表達(dá)式使用ajax檢驗(yàn)注冊(cè)信息功能
這篇文章主要介紹了通過(guò)正則表達(dá)式使用ajax檢驗(yàn)注冊(cè)信息,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
自動(dòng)檢測(cè)數(shù)字替換非數(shù)字的正則表達(dá)式
這篇文章主要介紹了自動(dòng)檢測(cè)數(shù)字替換非數(shù)字的正則表達(dá)式 ,需要的朋友可以參考下2016-05-05
js正則表達(dá)式test()和exec()用法實(shí)例
這篇文章主要介紹了js正則表達(dá)式test()和exec()用法,實(shí)例分析了test()函數(shù)和exec()函數(shù)在進(jìn)行正則匹配時(shí)的使用技巧,需要的朋友可以參考下2015-01-01

