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;
}
這篇文章就介紹到這，需要的朋友可以參考一下。
相關(guān)文章
文檔對象模型 (DOM) 表示 HTML 文檔的結(jié)構(gòu),導(dǎo)航或“遍歷”此結(jié)構(gòu)是 Web 開發(fā)的基本方面,使開發(fā)人員能夠在網(wǎng)頁上選擇、修改、刪除或添加內(nèi)容,本文深入研究了使用 JavaScript 進行 DOM 遍歷的藝術(shù),提供了一個強大的工具包來處理各種遍歷場景2023-09-09
JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉(zhuǎn)app store
這篇文章主要介紹了JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉(zhuǎn)app store的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
在Javascript操作JSON對象，增加 刪除 修改的簡單實現(xiàn)
下面小編就為大家?guī)硪黄贘avascript操作JSON對象，增加 刪除 修改的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
js es6系列教程 - 新的類語法實戰(zhàn)選項卡(詳解)
下面小編就為大家?guī)硪黄猨s es6系列教程 - 新的類語法實戰(zhàn)選項卡(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
給easyui的datebox控件添加清空按鈕的實現(xiàn)方法
下面小編就為大家?guī)硪黄oeasyui的datebox控件添加清空按鈕的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了ES6解構(gòu)賦值,結(jié)合實例形式較為詳細的分析了ES6結(jié)構(gòu)賦值的基本概念、原理與使用方法,需要的朋友可以參考下2017-10-10
js操作css屬性實現(xiàn)div層展開關(guān)閉效果的方法
這篇文章主要介紹了js操作css屬性實現(xiàn)div層展開關(guān)閉效果的方法,涉及javaScript操作css樣式實現(xiàn)div彈出層的效果,非常具有實用價值,需要的朋友可以參考下2015-05-05
javascript判斷網(wǎng)頁是關(guān)閉還是刷新
本篇文章給大家介紹js判斷網(wǎng)頁是關(guān)閉還是刷新，實現(xiàn)原理就是通過離開頁面行為時間onunload觸發(fā)時間去檢測此時的瀏覽器的窗口大小，根據(jù)大小由此判斷用戶是刷新，跳轉(zhuǎn)或是關(guān)閉行為程序，需要的朋友可以參考下本文2015-09-09
javascript 獲取鼠標(biāo)的絕對位置 event
javascript 獲取鼠標(biāo)的絕對位置 event2009-06-06
這篇文章主要來和大家討論一下typescript中一些奇怪的賦值語句,探索其背后原因,更深入的了解typescript作為一個結(jié)構(gòu)化系統(tǒng)的特性,感興趣的可以了解下2024-02-02