如何从 JavaScript 中的父级获取 iframe 内的属性值？答案

【问题标题】：How can I get the value of an attribute inside an iframe from parent in Javascript?如何从 JavaScript 中的父级获取 iframe 内的属性值？
【发布时间】：2021-03-03 00:39:59
【问题描述】：

如何将属性值从 iframe 传递给父级？

即iframe (frame1) 有<a id="a1" href="http://www.infinitybusiness.net">。如何在我的父页面中获取 href 的值？

【问题讨论】：

<iframe> 是在一个单独的域上，还是相同？
@MrOhad：为什么要添加“跨域”标签？ OP 什么也没说。
因为答案也包括该案例的解决方案:-)

标签： javascript iframe

【解决方案1】：

var fra = document.getElementById('frameId');
// following will work on same domain (or subdomain with document.domain set) only
var fraContent = fra.contentDocument || fra.contentWindow.document;
myLinkHref = fraContent.getElementById('myLinkId').href;

如果这是跨域的，那么您将需要有权将脚本添加到子框架。如果没有，没有服务器端代理就无法完成。

【讨论】：

【解决方案2】：

这是一个很好的教程，它准确地讨论了这一点： http://www.roseindia.net/java/pass-value-example/pass-value-from-iframe-parent.shtml

只有当这两个页面来自同一个域时，您才能使用它。跨域脚本也有很多解决方案。你可以在这里阅读更多： http://softwareas.com/cross-domain-communication-with-iframes

【讨论】：

【解决方案3】：

很简单：

您应该使用 %26 而不是 & 来发送到 iframe

例如：链接：2.asp?ppp=/Payam.asp?sid=1%26PID=1&sa=12313 在代码中：当 i requset.queryString("ppp") 在父级中时，它显示： /Payam.asp?sid=1&PID=1

你可以用它作为你的 iframe 的来源，它有两个参数

<IFRAME name="My"  src='<%=ppp %>'></IFRAME>

【讨论】：