相对于JavaScript中的绝对图像src

我需要将页面上所有图像的所有src属性从相对url转换为绝对，因此基本上只需在当前src上添加基本url即可

我知道如何使用jQuery实现这一点，但我需要使用纯JS

有什么例子或想法如何做到这一点吗

在jQuery中，我会像这样做：

$('img').each(function() {
  var urlRelative = $(this).attr("src");
  var urlAbsolute = 'https://example.com' + urlRelative;
  $(this).attr("src", urlAbsolute);
});

这对你有帮助吗

const BASE_URL = "http://example.com";    //define your new base url
var elements =    document.getElementsByTagName("img");    //create an array with the tag selector

for (var i = 0; i < elements.length; i++) {    //loop through all elments in the array and change the src
   var oldSrc = elements[i].src;
   elements[i].src=BASE_URL + oldSrc;
}​

const BASE\u URL=”http://example.com";    //定义新的基本url
var elements=document.getElementsByTagName（“img”）//使用标记选择器创建一个数组
对于（var i=0；i

您可以使用

document.getElementsByTagName（）

获取所有图像标记，然后只需迭代它们中的每一个并附加基本url即可

var images=document.getElementsByTagName（'img'）；
常量baseUrl=”https://myurl.com/"
数组.from（图像）.forEach（函数（ele）{
ele.src=baseUrl+ele.getAttribute（“src”）；
});

希望这对您有所帮助

var base_url = 'your_site/path_to_images'
var images = document.getElementsByTagName( 'img' );

function toArray(obj) {
  var array = [];
  // iterate backwards ensuring that length is an UInt32
  for (var i = obj.length >>> 0; i--;) { 
    array[i] = obj[i];
  }
  return array;
}


images = toArray( images );
var src, last;

for ( var i = 0, len = images.length; i < len; i += 1  ) {
    src = images[i].getAttribute( 'src' );
    last = src.lastIndexOf('/');
    src = src.substr( last + 1 );
    images[i].setAttribute( 'src', base_url + src );
}

var base\u url='your\u site/path\u to\u images'
var images=document.getElementsByTagName（'img'）；
功能到阵列（obj）{
var数组=[]；
//向后迭代，确保长度为UInt32
对于（var i=obj.length>>0；i--；）{
数组[i]=obj[i]；
}
返回数组；
}
图像=阵列（图像）；
var src，last；
对于（变量i=0，len=images.length；i

toArray函数是从中获得的。
您能提供一些代码吗？您将如何使用jQuery实现它？将其转换为普通JS不需要太多步骤，一个小小的搜索会导致类似的结果，因此只需将
$（'img'）
交换为
文档。getElementsByTagName（'img'）
，
。每个
和
$（this）。attr（'src'）
交换为
。src
可能是重复的，但它会应用于页面上的每个图像吗？我想我应该改用
document.getElementsByTagName（“img”）
，并且需要用BASE\u URL更新当前的src。。。