前端如何在图片链接前面加上https://images.hepsiburada.net/assets/
时间: 2023-10-05 10:06:15 浏览: 76
怎么在网址前面加一个图标
你可以使用 JavaScript 或者 jQuery 来实现在图片链接前面加上指定的字符串。
JavaScript 示例代码:
```javascript
// 获取所有图片元素
var images = document.getElementsByTagName('img');
// 遍历所有图片元素
for (var i = 0; i < images.length; i++) {
// 获取原始图片链接
var originalSrc = images[i].src;
// 判断原始图片链接是否以指定字符串开头
if (originalSrc.indexOf('https://images.hepsiburada.net/assets/') !== 0) {
// 构造新的图片链接
var newSrc = 'https://images.hepsiburada.net/assets/' + originalSrc;
// 替换原始图片链接
images[i].src = newSrc;
}
}
```
jQuery 示例代码:
```javascript
// 获取所有图片元素
var images = $('img');
// 遍历所有图片元素
images.each(function() {
// 获取原始图片链接
var originalSrc = $(this).attr('src');
// 判断原始图片链接是否以指定字符串开头
if (originalSrc.indexOf('https://images.hepsiburada.net/assets/') !== 0) {
// 构造新的图片链接
var newSrc = 'https://images.hepsiburada.net/assets/' + originalSrc;
// 替换原始图片链接
$(this).attr('src', newSrc);
}
});
```
以上代码会遍历页面中所有的图片元素,如果原始图片链接不是以指定字符串开头,就会在链接前面加上指定的字符串。注意,这种方式修改的仅是页面上的图片链接,不会修改图片本身的位置或内容。
阅读全文