如何在 iframe 中使用链接更改父页面答案

【问题标题】：How to change the parent page with link in iframe如何在 iframe 中使用链接更改父页面
【发布时间】：2020-03-08 12:33:16
【问题描述】：

我有一个 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。提前感谢您的帮助。我没有提问的经验，所以如果我遗漏了什么或者您需要更多信息，请告诉我。

【问题讨论】：

标签： html css iframe href

【解决方案1】：

我发现我所在位置使用的登录页面构建器实际上插入了一个 javascript 函数，该函数与使用 href（或任何地方）中的目标从 iframe 到达父级混淆。我的解决方案是编辑该功能然后使用正如其他消息来源所说，您可以使用“_parent”将链接的目标设置为 iframe 之外的内容，在某些情况下可能不是顶部。为每个链接执行此操作的一种方法：如需查找参考，您可以访问：https://www.w3schools.com/tags/att_a_target.asp 使用我所做的将设置用于所有链接的默认值。我不确定有多少页面构建器有这样的冲突，但我的肯定有。我花了几个小时才发现我没有做错任何事！

【讨论】：