600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > JS 在iframe子页面中调用和获取iframe父页面的方法和元素 以及在firame父页面中调用

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

时间:2024-06-19 02:36:33

相关推荐

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

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子页面的方法和元素

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。