如何使用iframe中的链接更改父页面

时间:2019-11-12 18:40:51

标签: html css iframe href

我有一个iframe,其中包含一个页面,该页面包含指向其他页面的链接。我遇到的问题是,当按下链接时,我希望将整个页面定向到那里,而不仅仅是在iframe中加载新页面。

到目前为止,这是我的代码:

<!DOCTYPE html>
<html>
<?php Template_parts::navigation(); ?>
<iframe src="https://website.com/thepageinside" style="width: 100%; height: 100%; border: none;"></iframe>

            </body>
</html>

我已经看到了一些有关将target =“ _ top”添加到iframe中的链接的事情,但是似乎没有用。 我在这里使用iframe的原因是因为它是使用网​​页构建器创建的页面,可以定期更新。为了将其放到我们的格式中,而使CSS不渗入标题/主题,我使用了iframe。 预先感谢您的帮助。 我没有提问的经验,所以如果我错过了什么,或者您需要更多信息,请告诉我。

1 个答案:

答案 0 :(得分:0)

我发现,我所使用的着陆页构建器实际上插入了一个JavaScript函数,该函数无法通过href(或其他位置)中的target从iframe到达父级。我的解决方案是编辑该功能,然后使用 正如其他消息来源所述,您可以使用“ _parent”将链接的目标设置为iframe外部的内容,在某些情况下,它可能不是顶部。 为每个链接执行此操作的一种方法: 有关查找参考,您可以转到:https://www.w3schools.com/tags/att_a_target.asp 使用与我一样的方法,将为所有链接设置默认值。 我不确定有多少页面构建器有这样的冲突,但是我的确可以。花了我几个小时才弄清楚我没有做错任何事!