Javascript更改页面上的链接

问题描述：

我很新的JavaScript和我想知道如何在页面上的图像链接，即。 http://www.example.com/image.jpg我可以让它们被JavaScript自动更改为嵌入，即与标签Javascript更改页面上的链接

希望是有道理的！

感谢

答

我们特别喜欢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不明显将是一个更大的挑战。

你假设他在使用jQuery。您应该先介绍他需要处理语法的框架。 – nopuck4you 2010-10-11 15:32:48

我不假设jQuery，只是推荐它（在第一句）。我还包括一个链接到jQuery网站。 – VoteyDisciple 2010-10-11 15:34:51

太棒了，谢谢。很快，我该如何为标签添加一个图片宽度属性？然后我应该理解语法！谢谢。 – 2010-10-11 17:51:16

答

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

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

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

从here

Javascript更改页面上的链接

相关推荐