iframe - 从其他 iframe 字符串中获取 iframe 元素

Question

我有 3 个嵌套的 iframe，我想访问第三个 iframe 中的元素(链接)。

var iframe = document.getElementById('aswift_2');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;

var secondIframe = innerDoc.getElementById('google_ads_frame3');
var secondinnerDoc = secondIframe.contentDocument || secondIframe.contentWindow.document;

var treedIframe = document.getElementById('ad_iframe');
var secondinnerDoc = treedIframe.contentDocument || treedIframe.contentWindow.document;

var Link = secondinnerDoc.getElementById('aw0');

但是我在尝试访问时遇到了错误。

Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://localhost:63342" from accessing a cross-origin frame.

我如何访问 <a>标签？

Answer 1

我已经有一段时间了，但我相信这是由于 same-origin policy 造成的.浏览器内置的此策略不允许您访问 iframe 中的内容，除非 iframe 来自与外部页面相同的域、协议(protocol)、端口等。这可以防止恶意开发人员拥有 Google 登录页面的 iframe，并且您可以使用 JavaScript 访问密码字段内容(cross-site scripting 的一个示例)。

答案是这是不可能的，除非 iframe 页面都在同一个域中。