JavaScript 更改页面上的链接？

Question

我是 JavaScript 的新手，想知道如何在带有图像链接的页面上，即http://www.example.com/image.jpg我可以让 JavaScript 自动更改它们以嵌入，即<img>标签

希望这是有道理的！

谢谢

Answer 1

我们特别喜欢这里的jQuery框架，因为它使这类任务变得非常容易。 在您的页面上使用 jQuery，您可以轻松地做到这一点：

$(document).ready(function() {
    $('a[href$=.jpg]').each(function() {
        var imageSrc = $(this).attr('href');
        var img = $('<img />').attr('src', imageSrc);

        $(this).replaceWith(img);
    });
});

这将特别适用于href属性以.jpg结尾的<a>标签，当然，您可以将其扩展为其他文件扩展名，但是如果 URL 不明显，动态确定链接是否指向图像会大得多挑战。

Answer 2

您的意思是将所有图像 url 转换为“指向”图像的超链接？

var x = document.getElementById('body');
x.innerHTML = x.innerHTML.replace(/(http:\/\/[^ ]+)/g,'<a
href="$1">$1</a>/');

我还没有测试过这个，但它应该可以工作。 不需要第三方框架。

从这里