jQuery实现iframe父窗体和子窗体的相互调用

本文实例讲述了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程序设计有所帮助。