在iframe和父項之間傳遞jQuery變量

我該如何使用jQuery和iframe。從iframe獲取並傳遞var至body和body至iframe。我有以下例子。如何點擊iframe中的按鈕並使其在body#test上生效。如何在iframe中準備好var x。在iframe和父項之間傳遞jQuery變量

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

2011-01-14 Hussein

注意，大多數瀏覽器將只允許父文檔的操作，從一個iframe中當兩個文檔來自完全相同的域時，按照相同來源策略。 – tdammers 2011-01-14 08:26:23

@tdammers - 這是一個很好的觀點。 – LiamB 2011-01-14 08:41:13

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

或

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

這會給你訪問到IFRAME

2011-01-14 08:23:03 LiamB

如果same origin poilicy不是問題，則可以使用contentWindow和contentDocument屬性。我已經設置了一個demo。查看code for the demo和code for iframe。

2011-04-07 09:37:53

從父母的角度來看：

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>

2011-08-20 16:59:45 Spider

回答