在 iframe 和父级之间传递 jquery 变量答案

【问题标题】：Pass jquery variables between iframe and parent在 iframe 和父级之间传递 jquery 变量
【发布时间】：2011-06-09 00:24:07
【问题描述】：

如何使用 jQuery 和 iframe。从iframe 到body 和从body 到iframe 获取并传递var。我有以下示例。如何点击iframe中的按钮，使其在body#test上生效。在 iframe 中准备好 var x 怎么样。

<body>
var x = "whatever";
<div id"test"></div>
<iframe width="200px" height="200px" src="page.html"></iframe>
</body>

在page.html里面我有

<button>clickme</button>
<script>
var elm = $('<span>content</span>');
    elm.appendTo('#test')
</script>

【问题讨论】：

【解决方案1】：

$("#myid", top.document);

或

$("#myid", parent.document.body);

这将使您可以访问 IFRAME 的容器

【讨论】：

【解决方案2】：

从父母的角度来看：

var iFrameValue = $('#iframe').get(0).contentWindow.myLocalFunction();

或

var iFrameValue = $('#iframe').get(0).contentWindow.myLocalVariable;

从 iframe 的角度来看

<script type="text/javascript">

var myLocalVariable = "hello";

function myLocalFunction () {
    return "hello";
}

</script>

【讨论】：

【解决方案3】：

如果same origin poilicy 没有问题，您可以使用contentWindow 和contentDocument 属性。我已经设置了一个demo。查看code for the demo 和code for iframe。

【讨论】：