Heim  >  Artikel  >  Web-Frontend  >  js-Implementierungscode, um die Bildadresse im HTML-Seitencode zu erhalten

js-Implementierungscode, um die Bildadresse im HTML-Seitencode zu erhalten

亚连
亚连Original
2018-06-01 11:23:141301Durchsuche

In diesem Artikel wird hauptsächlich der Implementierungscode von js vorgestellt, um die Bildadresse im HTML-Code zu erhalten. Freunde, die ihn benötigen, können darauf verweisen

Die erste Methode: js implementiert ihn durch reguläre Ausdrücke

/** 
 * 获取html代码中图片地址 
 * @param htmlstr 
 * @returns {Array} 
 */ 
function getimgsrc(htmlstr) { 
  var reg = /<img.+?src=(&#39;|")?([^&#39;"]+)(&#39;|")?(?:\s+|>)/gim; 
  var arr = []; 
  while (tem = reg.exec(htmlstr)) { 
    arr.push(tem[2]); 
  } 
  return arr; 
}

Die zweite Methode: jquery implementiert

 var img = $(this).find("img").attr("src");//这个是获得相对路径 prospertu
        //alert($(this).find("img").prop("src"));这个是获得完整路径 包括http://

js erhält den src des Bildes als relativen Pfad

js erhält den Domänennamenpfad, wenn der src oder at abgerufen wird Gleichzeitig lautet der Bildpfad beispielsweise mall /kmenus/001.png. Verwenden Sie obj.src oder rufen Sie http://localhost/mall/kmenus/001.png ab, erhalten Sie jedoch normalerweise nur den relativen Pfad. Machen Sie diese Aufzeichnung.

<img src="mall/kmenus/001.png" onclick="showSelected(this)">

function showSelected(obj)
{
 var rootpath=&#39;http://localhost/&#39;;
 res=obj.src.replace(rootpath,&#39;&#39;);
 //分离路径和图片
 document.getElementById("cate_img_src").src=obj.src;
}

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Mit Vue einen Beispielcode für ein Karusselldiagramm schreiben, das ein vereinfachtes Buch imitiert

Vue-CLI lösen Erstellungsprojekt Detaillierte Analyse des Loader-Problems

setTimeout-Zeit ist auf 0 gesetzt

Das obige ist der detaillierte Inhalt vonjs-Implementierungscode, um die Bildadresse im HTML-Seitencode zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn