根据iframe获取window

最新推荐文章于 2024-01-04 21:22:46 发布

weixin_34304013

最新推荐文章于 2024-01-04 21:22:46 发布

阅读量251

点赞数

文章标签： javascript ViewUI

本文介绍了如何在layui弹出窗口中实现与iframe之间的交互，包括如何从父窗口调用子窗口中的函数，以及如何在不同层级的窗口间正确地进行函数调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　今天使用layui弹出窗口，需要将函数写在弹出的窗口，但是按钮事件是在父层窗口绑定的，这样就要在父层窗口调用子层窗口的函数。

子层函数与父层函数

1 function topup() {
2     console.log("topup");
3 }

1 yes: function(index, layero){
2     var iframe = layero.find('iframe')[0];
3     var iframeWin = iframe.contentWindow;
4     iframeWin.topup();
5 }

iframe和iframe的关系

　　首先需要说明的是，w3c已经不推荐使用frame，而推荐使用iframe，iframe也就是inline frame（行内frame），顾名思义它具有css的行内框特性，正是因为这一特性才引出来iframe 高度100%时，出现垂直滚动条

通过window获取iframe

　　window.frames是个伪数组，可以通过window.frames[index]或window.frames[name]来获取iframe
　　window.frames[index],索引是从左往右，从上往下的，从0开始，通常我们使用window.frames[name]来获取frame

通过iframe获取window、document

　　如果想获取iframe里的window或者document，可以使用
　　iframe.contentWindow、iframe.contentDocument
　　iframe.contentDocument=iframe.contentWindow.document，不过iframe.contentDocument在IE8及以下的版本不支持。