从同一域的 iframe 中的 .js 访问父页面的输入字段

Question

我有一个在页面上运行并与现有数据交互的 .js 文件。该 .js 文件创建一个 iframe，该 iframe 加载另一个也安装了 .js 文件的页面（均带有 GreaseMonkey）。我试图让 iframe 中运行的 .js 文件从父页面获取 var 。两者都在同一域中，但不会访问数据。这是我所拥有的：

js1:

var myvar1 = document.getElementsByName('nameofinputfromparentpage')[0].value;

js2:

var myvar2 = parent.document.getElementsByID('page1').getElementsByName('nameofinputfromparentpage')[0].value;

或者

var myvar2 = myvar1 (or parent.myvar1 or window.myvar1 or a dozen other variances...)

我尝试使用以下内容将 var 从 js1 推送到 js2： window.frames[iframeName].variableName 或使用 contentDocument/contentWindow。 我似乎无法获得正确的语法来使其实际提取数据...

所以...父页面的页面源有一个输入框，如何在运行的 .js 中访问该信息在父页面上另一个 .js 的 iframe 中？谢谢大家的帮助！ :)

Answer 1

从 IFrame 内部，parent 属性引用父级，因此：

parent.document.getElementByID('myInputBox').value;

将访问位于此文档父级中 ID 为“myInputBox”的元素的内容。如果脚本是从框架对象外部的顶级文档执行的，则属性parent=self。请注意，ID 属性在单个 HTML 文档中必须是唯一的，因此该函数是 getElementByID() 而不是 getElementsByID()。此外，也不需要索引，因为只会返回一个元素。