我有 PAGE-1 和 PAGE-2
在 PAGE-1 上,我想拥有一个类似于 PAGE-2 上的源链接的图像(在特定域或特定顺序图像上)
<img src="*source of a particular image on PAGE-2*" />
这怎么可能?谢谢!
我有 PAGE-1 和 PAGE-2
在 PAGE-1 上,我想拥有一个类似于 PAGE-2 上的源链接的图像(在特定域或特定顺序图像上)
<img src="*source of a particular image on PAGE-2*" />
这怎么可能?谢谢!
如果我理解正确,您基本上希望在 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
lPAGE-4.html
等。只需将相同的图像名称添加到您的图像源,例如PAGE-3.html.png
和PAGE-4.html.png
您需要像这样在 src 中获取要使用的图像的绝对 url
<img src="http://192.***.*.**/xyz/abc/myImage.gif">