Pass jquery variables between iframe and parent

问题:

How can I work with jQuery and iframe. Get and pass var from iframe to body and from body to iframe. I have the following example. How can I click the button in iframe and make it take effect on the the body #test. How about ready var x in iframe.

 var x = "whatever"; 
   

Inside page.html i have

clickme  

回答1:

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

or

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

This will give you access to the container of the IFRAME

as per : http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af

回答2:

From the parents perspective:

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

OR

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

From the iframe perspective

回答3:

You can use contentWindow and contentDocument properties, if same origin poilicy is not a problem. I've setup a demo. View code for the demo and code for iframe.

文章来源: Pass jquery variables between iframe and parent