我有一个页面(我们称其为page2.html),其中包含一长串<a href>
链接,每个链接都会在该页面的iframe中打开图片。
我现在想创建一个前一页作为介绍(我们将其称为page1.html)。我需要在第1页上创建一个链接,该链接打开第2页并在第2页的iframe中打开图片(或者打开第2页并在第2页上选择<a href>
之一)。
我尝试了以下
<a href="page2.html" onclick="window.open('image.png','iframe-name')">
但这对我不起作用,因为我认为它正在寻找第1页(而不是第2页)上的iframe。
任何帮助将不胜感激。
附录:
我现在找到了一些可以解决部分问题的代码。通过将图像放在它们自己的html页面中,并在图像页面和page2(带有iframe的页面)中添加一些JavaScript,现在可以强制图像页面出现在iframe中(以下代码)。
现在缺少的部分是突出显示(添加一个类)相关的锚点以显示正在显示的图像。
当我在第2页上并单击锚点之一时,我使用以下命令向锚点添加“选定”类:
var selected = document.getElementsByClassName('selected');
function show(obj) {
if (selected.length) selected[0].className = '';
obj.className = "selected";
}
从第1页加载对象时,如何向第2页上的对象添加类?
或者有一种方法可以根据同一页面上iframe中开始显示的内容向第2页上的对象添加类?
这是我用来将页面加载到iframe中的javascript:
这进入索引页(我的page2):
<script type="text/javascript">
window.onload=function() {
var data=location.search;
if(data) {
data=location.search.substring(1); // remove the '?'
frames[0].location = data;
}
};
</script>
这在每个图像页面中都有:
<script type="text/javascript">
if (top == self) {
location.href = 'index.html?' + self.location.href;
}
</script>