可以忽略/禁用链接到另一个域的 iframe 内的链接吗?

Posted

技术标签:

【中文标题】可以忽略/禁用链接到另一个域的 iframe 内的链接吗?【英文标题】:Can links inside iframe that link to another domain be ignored/disabled? 【发布时间】:2021-12-07 05:05:51 【问题描述】:

我需要制作一个包含整个网页的 reactjs 应用程序。我为此使用 iframe。当单击某个指向不同域的链接时,连接被拒绝。我知道这是预期的行为,但有什么方法可以以某种方式禁用将被拒绝的链接,以便在单击它们时什么都不会发生而不是显示错误?

【问题讨论】:

“连接被拒绝”是什么意思?能否请您将屏幕截图错误消息显示的内容翻译成英文? 您是否尝试过在另一个隐藏的 iframe 中预加载它,并检查加载是否成功并相应地禁用链接,或者如果是 x-frame-options 问题,可能进行 ajax 调用并检查响应标头。 【参考方案1】:

你可以像这样禁用 iframe 中的链接。

iframe

  pointer-events: none;

【讨论】:

以上是关于可以忽略/禁用链接到另一个域的 iframe 内的链接吗?的主要内容,如果未能解决你的问题,请参考以下文章

链接到 iFrame 内的花式框

从不同域的 iframe 滚动到父级顶部

webdriver.io 无法为 iframe 禁用同源策略

iFrame 内的跳转链接

如何将数据从一个表单发布到另一个 iFrame 表单

怎么用jquery实现iframe里的页面地址跳转到另一个页面地址,想webqq里的浏览窗口一样?