Javascript-为页面上的所有图像链接添加img标记

我的文档中有一些图像链接，如下所示：

<p> Chrome logo: https://www.google.com/images/icons/product/chrome-48.png</p>
<p> Google logo: https://www.google.com/images/srpr/logo11w.png</p>

<p> Chrome logo: <img src="https://www.google.com/images/icons/product/chrome-48.png" /></p>
<p> Google logo: <img src="https://www.google.com/images/srpr/logo11w.png" /></p>

这似乎微不足道

document.body.innerHTML=document.body.innerHTML.replace（/（http（s*）：\/\/[\w\\x80-\\xff\\\\\\\\$%和~\/.\-:=，？@\[\]+]*）（gif | png | jpg | jpeg）/gi；

---

但是你真的应该在服务器端进行操作。

你想一次编辑这些文件，将链接转换为带有图像的链接吗？什么是图像链接？任何东西都以.png结尾。jpg。image.php？displayimage=1？@YuriyGalanter否！仅以jpg、png、JavaScript结尾的图像是在页面中运行的代码。您是否希望它生成

document.write（）

类型的代码，以便在文件中“显示”链接？或者您想通过“cruncher”运行现有的html文件，该程序将

链接-that-is-not-a-link

（因为

标记不是链接）转换为显示的图像？换言之，

https://www.google etc

已在文件中，或者来自其他地方。你认为javascript的作用是什么？@Floris问：是的，我不能用替换字符串来完成它？

document.body.innerHTML = document.body.innerHTML.replace(/(http(s*):\/\/[\w\\x80-\\xff\#$%&~\/.\-;:=,?@\[\]+]*).(gif|png|jpg|jpeg)/gi, '<img src="$1.$3" />');