1 iframe父页面
HTML代码:
<iframe name='xudong' id='xudong' src='localhost:8080/' ></iframe><div id="parentDiv"></div>
JS代码:
function parentTest(){alert("parentTest");}
2 iframe子页面
HTML代码:
<div id="subDiv"></div>
JS代码:
function subTest(){alert("subTest");}
3 在iframe子页面中调用和获取iframe父页面的方法和元素
(1)调用iframe父页面的方法
parentTest()是iframe父页面中的方法。
window.parent.parentTest();
(2)获取iframe父页面的元素
parentDiv是iframe父页面中的元素。
$("#parentDiv",window.parent.document).text();$("#parentDiv",parent.document).text();
4 在iframe父页面中调用和获取iframe子页面的方法和元素
(1)调用iframe子页面的方法
subTest()是iframe子页面的方法
window.frames["xudong"].subTest();window.frames[0].subTest();
(2)获取iframe子页面的元素
subDiv是iframe子页面的元素
$(window.frames["xudong"].document).find("#subDiv").text();$(window.frames[0].document).find("#subDiv").text();
注:
(1)frames[param]里面的param可以是iframe的索引,也可以是具体的名称。如果param为具体的名称时,要保证param是iframe的id或者name,同时iframe的id和name必须同名。
(2)iframe子页面必须跟父页面属于同一个服务器,否则父页面调用和获取iframe子页面的方法和元素会失败。
JS 在iframe子页面中调用和获取iframe父页面的方法和元素 以及在firame父页面中调用和获取iframe子页面的方法和元素