本文實例講述了jQuery實現iframe父窗體和子窗體的相互調用方法。分享給大家供大家參考，具體如下：
父窗體
<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>子窗體
<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>更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結》、《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答
