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

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

最佳答案

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

关于html - 如何使用iframe中的链接更改父页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58824782/

相关文章:

javascript - 图标动画禁用我的导航栏

html - 在输入文本字段上重复图像背景

javascript - 在多框架页面上只加载一次 jQuery

javascript - iframe 自动高度在 Firefox 上无法正常工作

javascript - 如何在 express.js node.js 中设置 X-Frame-Options

html - 在 golang HTML 模板中切换或 if/elseif/else

angularjs - 如何在angularjs中一个一个地列出名字

javascript - 将预加载器添加到 div 标签

javascript - 单击它调整循环云图像的大小

html - 标签旁边垂直居中单选按钮