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

Question

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

如果这没有意义，我只需要一个读取当前页面 url 的代码，并启用 img src="(name of current page -".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>

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