Передать переменные jquery между iframe и parent

Как я могу работать с jQuery и iframe. Получите и передайте var от iframe до body и от body до iframe. У меня есть следующий пример. Как я могу нажать кнопку в iframe и заставить ее вступить в силу на body #test. Как насчет готового var x в iframe.

<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

в соответствии с: http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af

Ответ 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

Вы можете использовать свойства contentWindow и contentDocument, если то же самое происхождение poilicy не является проблемой. Я установил демонстрацию . Просмотрите код для демонстрации и код для iframe.