JQuery对iframe子父框架的操作

￡神魔★判官ぃ 2022-04-03 12:30 260阅读 0赞

**1.父框架取子框架的元素和调用方法（ 即父框架a对子框架b的操作）**  
元素操作： $(window.frames\[“b”\].document).find(“\#test”).val();//取b框架内元素id为test的值。  
调用方法：parent.frames\[“b”\].window.test();//调用b框架内的test方法。

**2.父框架取孙框架的元素和调用方法（ 即父框架a对孙框架c的操作）**  
元素操作： $(window.frames\[“b”\].frames\[“c”\].document).find(“\#test”).val();//取c框架内元素id为test的值。  
调用方法：parent.frames\[“b”\].frames\[“c”\].window.test();//调用c框架内的test方法。

**3.子框架取父框架的元素和调用方法（ 即子框架b对父框架a的操作）**  
元素操作： $(“\#test”, window.parent.document).val();//取a框架内元素id为test的值。  
调用方法：window.parent.test();//调用a框架内的test方法。

**4.孙框架取父框架的元素和调用方法（ 即孙框架c对父框架a的操作）**  
元素操作： $(“\#test”, window.top.document).val();//取a框架内元素id为test的值。  
调用方法：window.top.test();//调用a框架内的test方法。

window.top返回当前窗口的最顶层浏览器窗口，即是最外层iframe。

--------------------

作者：愿我会揸火箭  
来源：CSDN  
原文：[https://blog.csdn.net/a837756/article/details/53321478][https_blog.csdn.net_a837756_article_details_53321478]

[https_blog.csdn.net_a837756_article_details_53321478]: https://blog.csdn.net/a837756/article/details/53321478