javascript - 在新标签页(同一域)中打开 iframe 中的所有链接

Question

关于这个主题有很多类似的帖子，但我尝试了所有，但没有一个适合我想做的事情。

我有一个 iframe，它引导我域中的其他页面。

<iframe src="test/index.html" frameborder="0" width="100%" height="100%" id="iframe" name="iframe"></iframe>

注意:我无法更改 iframe 内页面的代码。

使用 jQuery，我想在新选项卡中打开“text/index.html”的所有 链接。我怎样才能做到这一点？

谢谢!

Answer 1

您可以像这样在 iframe 中调用一个函数:

document.getElementById('targetFrame').contentWindow.targetFunction();

现在，你可以这样做:

var iframe = document.getElementById('iframe');
var links = (iframe.contentDocument || iframe.contentWindow.document).getElementsByTagName('a');

然后您可以迭代链接并使用 window.open 在新的选项卡/窗口中打开它们。由于安全限制，某些浏览器不允许您这样做。现在，如果 iframe 与其他窗口有一些消息传递，那么您可能需要阅读这篇文章:https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

最后，如果这些都不可用，您可以简单地向 iframe 中显示的页面发送请求，当您收到 HTML 时，解析它，找到链接并打开他们使用 window.open。