如何使用 javascript/jQuery 从不同页面访问父 iFrame 属性？答案

【问题标题】：How to access parent iFrame properties from different page using javascript/jQuery?如何使用 javascript/jQuery 从不同页面访问父 iFrame 属性？
【发布时间】：2017-07-26 14:42:32
【问题描述】：

我有一个 jsp 页面 page1.jsp 和其中的 iFrame 'id=iFrame1'，我还有另一个页面 page2.jsp 正在 iFrame1 中加载。我需要在 page2.jsp 的页面加载时访问 iFrame1 属性。我们如何使用 javascript/jQuery 访问它？谁能帮忙。

【问题讨论】：

您好，请花点时间通过welcome tour 了解您的方法，阅读如何创建minimal reproducible example 示例并查看How to Ask，这样您就有机会获得反馈和有用的答案。
jQuery/JavaScript: accessing contents of an iframe的可能重复
how to access iFrame parent page using jquery?的可能重复

标签： javascript jquery jsp iframe

【解决方案1】：

为你的下一个问题尝试一些格式，这真的很难读懂你。

$(document).ready(function(){
    var iFrameDOM = $("iframe#frameID").contents();

    iFrameDOM.find(".page").css("background-color", "#fff");
});

搜索功能几乎会立即回答这个问题。

【讨论】：

【解决方案2】：

在 page2.jsp 中使用可以使用此代码获取 iFrame1 元素： window.parent.parent.document.getElementById('iFrame1')

因此，如果您想访问其属性 src，您可以使用： window.parent.parent.document.getElementById('iFrame1').src

还有，

var $f2 = window.parent.parent.document.getElementById('iFrame1');
$f2.css('border','solid 5px red');

【讨论】：