我有 PAGE-1 和 PAGE-2
在 PAGE-1 上,我希望使用类似于 PAGE-2 上的源链接(在特定域或特定订单图像上(的图像
<img src="*source of a particular image on PAGE-2*" />
这怎么可能?谢谢!
你需要像这样获取要在 src 中使用的图像的绝对 url
<img src="http://192.***.*.**/xyz/abc/myImage.gif">
如果我理解正确,您基本上希望在 PAGE-X 中将数字变为动态。
假设您有 2 页,PAGE-1.html 和 PAGE-2.html:(两者都具有相同的内容,当然您可以稍后编辑自己(
<script src="js.js"></script>
<body onload="page()">
<div id="container"></div>
</body>
两者都链接到同一个源文件 js.js
function page(){
url = window.location.pathname;
filename = url.substring(url.lastIndexOf('/')+1);
document.getElementById('container').innerHTML = '<img src="images/' + filename + '.png">';
}
并且您有 2 张名为 PAGE-1.html 和 PAGE-2.html 相同的图像,但带有扩展名.png。因此,这两个图像都称为 PAGE-1.html.png
和 PAGE-2.html.png
.
每当加载PAGE-1.html
时,它都会自动调用PAGE-1.html.png
因为名称相同。PAGE-2.html
也是如此,它将加载PAGE-2.html.png
。因此,如果您想要更多页面,例如 PAGE-3.htm
l、PAGE-4.html
等。只需将相同的图像名称添加到图像源中,例如PAGE-3.html.png
和PAGE-4.html.png