Verwenden Sie js, um schnell die Adresse des Bildes auf der HTML-Seite abzurufen

Dieses Mal werde ich Ihnen zeigen, wie Sie mit js schnell die Adresse des Bildes in der HTML-Seite abrufen. Welche Vorsichtsmaßnahmen gibt es bei der Verwendung von js, um schnell die Adresse des Bildes in der HTML-Seite abzurufen? Die folgende Seite ist ein praktischer Fall. Werfen wir einen Blick darauf.

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

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

/** 
 * 获取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; 
}

Zweite Methode: JQuery-Implementierung

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

js erhält den Quellcode des Bildes als relativen Pfad

js erhält den Domänennamen, wenn Erhalten Sie die Quelle oder gleichzeitig den Pfad. Wenn der Bildpfad mall/kmenus/001.png ist, verwenden Sie obj.src oder rufen Sie http://localhost/mall/kmenus/001.png ab, rufen Sie jedoch normalerweise nur den relativen Pfad ab . Machen Sie diese Aufzeichnung.

<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;
}

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So verwenden Sie das React BootStrap-Framework

Cookie-Ablauf, automatische Aktualisierung und automatische Erfassung festlegen

So verkleinern Sie die von Webpack gepackten Dateien nach der Komprimierung

Das obige ist der detaillierte Inhalt vonVerwenden Sie js, um schnell die Adresse des Bildes auf der HTML-Seite abzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!