您的位置：首页 > 其它

iframe子窗体和父窗体互相调用，通过document.getElementById("name_iframe").contentWindow获取iframe的window对象，支持多浏览器！

2014-03-27 23:28 1021 查看

父窗体：<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航