Question

我发现了类似这样的问题，但它们针对其他特定情况。我没有找到答案，所以请帮帮我。

我刚刚为Facebook页面设计了一个设计。它有两个针对iFrame的按钮。问题是，当我使用Firefox来点击这些按钮时，链接将在新标签中打开，而不是以iFrame为目标。

我已经按照网上的几条说明进行操作了。

这是代码（我不理解制作块的说明，抱歉，不是Web开发人员）：

<iframe id="models" width="460" height="545" src="images/navidadm1.jpg"></iframe>

链接是：

<img src="images/navidad_09.jpg" width="50" height="25" alt=""></td>
    <td><a href="http://www.grupogorila.com/fbpage/milagrosdeamaranto/navidadm1.html" target="models">

<img src="images/navidad_12.jpg" width="50" height="25" alt=""></td>
    <td><a href="http://www.grupogorila.com/fbpage/milagrosdeamaranto/navidadm2.html" target="modelos">

...我希望我已正确展示代码。如果没有，这是我服务器中的实际页面。我非常感谢一步一步的答案，因为我不是程序员:(（如果添加javascript，确切地说哪行和哪行之间）。

http://grupogorila.com/fbpage/milagrosdeamaranto/ （按钮是“Ver Modelos 1 a 4”和“Ver Modelos 5 a 8”，位于篮子下方）

非常，非常非常地感谢你。

Answer 1

为iframe指定name-attribute和id-attribute，两者都是相同的值。

看看这里：https://developer.mozilla.org/en/HTML/Element/iframe

Answer 2

您可以随时使用JavaScript：

JavaScript代码（在head标签中）：

<script>
    function navigate(url)
    {
        window.frames['models'].location = url;
    }
</script>

链接代码：

<a href="#" target="models" onclick="navigate("http://www.grupogorila.com/fbpage/milagrosdeamaranto/navidadm1.html");">

<a href="#" target="models" onclick="navigate("http://www.grupogorila.com/fbpage/milagrosdeamaranto/navidadm2.html");">

这未经过测试，但应该可以使用！：）

Firefox会在浏览器的新选项卡中打开针对iFrame的链接

2 个答案: