在iframe和parent之间传递jquery变量

Question

我如何使用jQuery和iframe.获取并传递var从iframe到body和body到iframe.我有以下示例.如何单击该按钮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>

Answer 1

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

要么

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

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

Answer 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>