js獲取html頁面代碼中圖片地址的實現(xiàn)代碼
更新時間：2018年03月05日 18:01:21 投稿：mdxy-dxy
這篇文章主要介紹了js獲取html代碼中圖片地址的實現(xiàn)代碼,需要的朋友可以參考下
第一種方法：js通過正則實現(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實現(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;
}
這篇文章就介紹到這，需要的朋友可以參考一下。
相關文章
JavaScript中常見的數(shù)據(jù)格式化方式詳解
這篇文章主要為大家詳細介紹了JavaScript中常見的數(shù)據(jù)格式化方式,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以了解一下2023-12-12
JavaScript中防抖和節(jié)流的實戰(zhàn)應用記錄
防抖與節(jié)流都是用來限制用戶頻發(fā)觸發(fā)事件的機制,下面這篇文章主要給大家介紹了關于JavaScript中防抖和節(jié)流的實戰(zhàn)應用,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
JS版獲取字符串真實長度和取固定長度的字符串函數(shù)...2007-04-04
這篇文章主要為大家介紹了JS表示Stack類練習用棧實現(xiàn)任意進制轉換示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要為大家詳細介紹了JS實現(xiàn)同步文本框內(nèi)容的相關代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
小程序自定義tabbar導航欄及動態(tài)控制tabbar功能實現(xiàn)方法(uniapp)
在項目中遇到一個需求,根據(jù)不同的賬號,生成不同的tabBar,下面這篇文章主要給大家介紹了關于小程序自定義tabbar導航欄及動態(tài)控制tabbar功能實現(xiàn)方法(uniapp)的相關資料,需要的朋友可以參考下2022-12-12
JS等比例縮小圖片尺寸的實例，需要的朋友可以參考一下2013-02-02
從技術上講，javascript并沒有提供內(nèi)置的系統(tǒng)來實現(xiàn)這個非常重要的事件驅動編程，不過得益于瀏覽器的DOM 事件模型，這缺點并沒有過多地暴露出來。2010-03-03
JS使用cookie實現(xiàn)DIV提示框只顯示一次的方法
這篇文章主要介紹了JS使用cookie實現(xiàn)DIV提示框只顯示一次的方法,涉及JavaScript基于cookie標記控制頁面元素樣式修改的技巧,需要的朋友可以參考下2015-11-11
js中將時間戳轉化成YYYY-MM-DD?HH:mm:ss的3種實現(xiàn)辦法
最近開發(fā)中需要和后端進日期和時間傳值,前后端約定為時間戳的格式,但是前端展示需要展示成年-月-日的格式,就需要進行日期和時間轉換格式,這篇文章主要給大家介紹了關于js中將時間戳轉化成YYYY-MM-DD?HH:mm:ss的3種實現(xiàn)辦法,需要的朋友可以參考下2024-06-06