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

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