父窗體：<html> <head> <title>usually function</title> </head> <body> <iframe src="http://www.baidu.com" ></iframe> <iframe src="myifame.html" id="name_iframe" name="name_iframe"></iframe> <button value="buttonvalue" id="testid">buttonvalue</button> </body> <html> <script type="text/javascript" src="jquery-1.4.4.js"></script> <script> //contentWindow這個屬性，相當於獲取iframe網頁里面的window對象 $(function(){ //父窗體獲取子窗體的變量 alert(document.getElementById("name_iframe").contentWindow.vname);//父窗體獲取子窗體的方法 document.getElementById("name_iframe").contentWindow.test();//父窗體獲取子窗體的內容 alert(document.getElementById("name_iframe").contentWindow.document.body.outerHTML); });
var myname="hb"; function parentFunction(){ alert("parentFunction"); } </script>
iframe窗體：
<html> <head> <title>usually function</title> </head> <body> <button onclick="getParentContent()">getParentContent</button> </body> <html> <script type="text/javascript" src="jquery-1.4.4.js"></script> <script>
var vname="v_name"; function test(){ alert("function test"); }
function getParentContent(){ //獲取父窗體的變量 alert(window.parent.myname); //獲取父窗體的方法 window.parent.parentFunction(); //獲取父窗體的dom節點 alert(parent.document.getElementById("testid").value); } </script>