jQuery 获取 iframe 父页面与子页面的元素和方法

<div id=

"div"

>div element</div>

<iframe id=

"iframe"

src=

"page.html"

frameborder=

"0"

></iframe>

<script src=

"http://code.jquery.com/jquery-latest.min.js"

></script>

<script>

$(

function

($) {

//在页面中查找 iframe 页面元素

var

p = $(

'#iframe'

).contents().find(

'#p'

).text();

alert(p);

});

//自定义变量

var

hello =

'hello'

;

//自定义方法

function

getHelloWorld() {

alert(

'hello world'

);

}

</script>

<p id=

"p"

>p element</p>

<script src=

"http://code.jquery.com/jquery-latest.min.js"

></script>

<script>

$(

function

($) {

//在 iframe 中查找父页面元素

alert($(

'#div'

, parent.document).text());

//在 iframe 中调用父页面中定义的方法

parent.getHelloWorld();

//在 iframe 中调用父页面中定义的变量

alert(parent.hello);

});

</script>