Javascript更改页面上的链接?

时间:2010-10-11 15:23:54

标签: javascript html

我对javascript很新,我想知道如何在带有图像链接的页面上,即。 http://www.example.com/image.jpg我可以通过javascript自动更改它们,即使用标记

希望有意义!

由于

2 个答案:

答案 0 :(得分:5)

我们特别喜欢这里的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标记。当然,您可以将其扩展为其他文件扩展名,但要动态确定链接是否会导致图片如果网址不明显将是一个更大的挑战。

答案 1 :(得分:2)

您的意思是将所有图片网址转换为“指向”图片的超链接吗?

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

我没有对此进行测试,但它应该可行。不需要第三方框架。

来自here