如何使用Current url字符串创建img名称？

Question

如何创建自动以当前Url命名的图像src？例如，xxy.html为xxy.jpg创建一个img src，.html和.jpg文件的文件路径相同，所有图像都是.jpg和所有页面.html。我没有使用php，但可以实现javascript，jquery或css解决方案！

如果没有意义，我只需要一个读取当前页面网址的代码，并启用img src =“（当前页面的名称 - ”。html“）.jpg

Answer 1

快速而肮脏的方式：

<script>document.write('<img src="' + location.pathname.replace(/\.html$/, '.jpg') + '">')</script>

将它放在HTML中您想要图像的位置。

Answer 2

页面加载期间;

`<img src="" id=img1>`

页面加载后;在页面的末尾：

<script>
document.getElementById('img1').src= window.location.replace(".html", ".jpg");
</script>

我没有测试过代码。但它给了你一个好主意。