JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素

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子页面的