获取iframe中的iframe JavaScript和跨域

Question

如何获得iframe中的iframe属性的JavaScript代码

<div> 
<iframe src="http://192.168.0.108:8092/" 
      name="otherDomain" 
      width="100%" 
      height="600px" 
      style="border: 0;" 
      data-auth-token="xyz" 
      data-auth-key="abc" 
     > 
</div> 

我与

console.log(window.frameElement.getAttribute('data-auth-token')) 

试图属性如果iframe网址和浏览器的用户是相同的，我能够获取iframe属性。如果网址不同，我会收到以下错误消息。

Uncaught SecurityError: Failed to read the 'frame' property from 'Window': Blocked a frame with origin "http://192.168.0.108:8092" from accessing a frame with origin "http://localhost:8092". Protocols, domains, and ports must match. 

是否有可能在JavaScript中获得跨域iframe属性。

Answer 1

不幸的是，您不可能使用引用其他域的iframe。浏览器会自动阻止所有尝试从另一个域访问帧的脚本。如果这样的事情是可能的，那么这将是一个巨大的安全缺陷。

在你的情况，你可以将iframe属性设置src到localhost:8092，所以你必须以相同的位置（和相同的域名）的iframe，你就可以访问其数据。