js獲取html頁面代碼中圖片地址的實(shí)現(xiàn)代碼
第一種方法:js通過正則實(shí)現(xiàn)
/** * 獲取html代碼中圖片地址 * @param htmlstr * @returns {Array} */ function getimgsrc(htmlstr) { var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim; var arr = []; while (tem = reg.exec(htmlstr)) { arr.push(tem[2]); } return arr; }
第二種方法:jquery實(shí)現(xiàn)
var img = $(this).find("img").attr("src");//這個是獲得相對路徑 prospertu //alert($(this).find("img").prop("src"));這個是獲得完整路徑 包括http://
js在獲取圖片的src是相對路徑
js在獲取src時或同時獲取到域名路徑;如圖片路徑是mall/kmenus/001.png,用obj.src或獲取到http://localhost/mall/kmenus/001.png,但是通常只獲取相對路徑就可以了。做此記錄。
<img src="mall/kmenus/001.png" onclick="showSelected(this)"> function showSelected(obj) { var rootpath='http://localhost/'; res=obj.src.replace(rootpath,''); //分離路徑和圖片 document.getElementById("cate_img_src").src=obj.src; }
這篇文章就介紹到這,需要的朋友可以參考一下。
相關(guān)文章
JavaScript中常見的數(shù)據(jù)格式化方式詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中常見的數(shù)據(jù)格式化方式,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以了解一下2023-12-12JavaScript中防抖和節(jié)流的實(shí)戰(zhàn)應(yīng)用記錄
防抖與節(jié)流都是用來限制用戶頻發(fā)觸發(fā)事件的機(jī)制,下面這篇文章主要給大家介紹了關(guān)于JavaScript中防抖和節(jié)流的實(shí)戰(zhàn)應(yīng)用,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04JS版獲取字符串真實(shí)長度和取固定長度的字符串函數(shù)
JS版獲取字符串真實(shí)長度和取固定長度的字符串函數(shù)...2007-04-04JS表示Stack類練習(xí)用棧實(shí)現(xiàn)任意進(jìn)制轉(zhuǎn)換
這篇文章主要為大家介紹了JS表示Stack類練習(xí)用棧實(shí)現(xiàn)任意進(jìn)制轉(zhuǎn)換示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04小程序自定義tabbar導(dǎo)航欄及動態(tài)控制tabbar功能實(shí)現(xiàn)方法(uniapp)
在項目中遇到一個需求,根據(jù)不同的賬號,生成不同的tabBar,下面這篇文章主要給大家介紹了關(guān)于小程序自定義tabbar導(dǎo)航欄及動態(tài)控制tabbar功能實(shí)現(xiàn)方法(uniapp)的相關(guān)資料,需要的朋友可以參考下2022-12-12JS使用cookie實(shí)現(xiàn)DIV提示框只顯示一次的方法
這篇文章主要介紹了JS使用cookie實(shí)現(xiàn)DIV提示框只顯示一次的方法,涉及JavaScript基于cookie標(biāo)記控制頁面元素樣式修改的技巧,需要的朋友可以參考下2015-11-11js中將時間戳轉(zhuǎn)化成YYYY-MM-DD?HH:mm:ss的3種實(shí)現(xiàn)辦法
最近開發(fā)中需要和后端進(jìn)日期和時間傳值,前后端約定為時間戳的格式,但是前端展示需要展示成年-月-日的格式,就需要進(jìn)行日期和時間轉(zhuǎn)換格式,這篇文章主要給大家介紹了關(guān)于js中將時間戳轉(zhuǎn)化成YYYY-MM-DD?HH:mm:ss的3種實(shí)現(xiàn)辦法,需要的朋友可以參考下2024-06-06