如何编写链接的脚本,该链接将打开另一个页面并在该页面中选择内容

时间:2018-08-07 12:26:21

标签: javascript class onclick

我有一个页面(我们称其为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>

0 个答案:

没有答案