javascript - js跨域到iframe

Question

我的页面中嵌入了来自不同域的 iframe。是否可以通过某种方式从父页面访问其 DOM？现在它说:

<小时/>

未捕获的 DOMException:无法从“HTMLIFrameElement”读取“contentDocument”属性:阻止来源为“http://localhost:63342”的框架访问跨源框架。

<小时/>

我希望添加该指令

<?php header('Access-Control-Allow-Origin: *');  ?>

到 iframe 页面会有帮助，但事实并非如此。这两个域现在都位于我的本地主机上，但在不同的服务器上运行。那么有一些可行的解决方案吗？请注意，我只需要访问某些 iframe 元素，而不是 postMessages、websockets 等。

Answer 1

Notice that I need just an access to some iframe's elements

直接访问是不可能的

it's not about postMessages

postMessage也能达到同样的最终目的。

您只需将访问 DOM 的代码移至 iframe 内的页面，然后从父窗口使用 postMessage 来要求该页面运行它。然后，该页面可以将父窗口需要的任何数据序列化为字符串，并使用 postMessage 将其发送回。