layer的iframe用法整理

父页面：

<link rel="stylesheet" href="node_modules/layui-src/dist/css/layui.css">
<script src='node_modules/layui-src/dist/layui.js'></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>function funFather(){                console.log('我是父页面的方法，我被调用了')}layer.open({type: 2,content: ['./son.html?id=222', 'no'],btn: ['确定', '取消'],yes: function (index, layero) {/*$(layero).find("iframe").eq(0).contents();多个iframe层使用才使用eq ,* 需要先找到iframe,才能得到iframe里面的其他元素来进行传值取值*///获取子页面元素 -- $("iframe").contents().find("子页面id名")var father = $(layero).find("iframe").contents();//父页面向子页面传值father.find('#wrap').text('hahahah')},success(layero,index){//父页面调用子页面方法$('iframe')[0].contentWindow.funSon()},})
</script>

子页面：

<body><div>今天是个好日子，心想的事儿都能成</div><script>var index = parent.layer.getFrameIndex(window.name);//得到当前iframe的索引parent.layer.msg('你好');//子页面向父页面传值parent.$('.layui-footer').text('我被改变了');//子页面调用父页面方法parent.funFather();parent.layer.close(index);//关闭当前iframe页面</script>
</body>

layer的iframe用法整理相关推荐

HTML IFRAME 用法小总结
iframe是框架的一种形式,也比较常用到,下面是对其在平时常用到属性的总结 Iframe用法,下面是一个常规的列子 <iframe border=2 frameborder=0 width=5 ...
Google Guava 库用法整理
http://macrochen.iteye.com/blog/737058 参考: http://codemunchies.com/2009/10/beautiful-code-with-googl ...
php程序layer,php 提交表单关闭layer弹窗iframe的实例讲解
介绍一款非常好用的前端弹窗插件: 根据官方的API:layer的iframe弹窗 //iframe层-父子操作 layer.open({ type: 2, area: ['700px', '530px ...
python数据可视化工具 pandas_Pandas数据可视化工具——Seaborn用法整理（下）
在前一篇文章 Pandas数据可视化工具--Seaborn用法整理(上),我们了解了如何使用这些Seaborn代码绘制分布图和分类图.在本文中,我们将继续讨论Seaborn提供的一些其他以绘制不同类型 ...
《编码规范和测试方法——C/C++版》作业 ·002——函数返回地址、static关键词用法整理
文章目录一.函数返回地址的情形 1.函数返回值为指针二.static关键字用法整理 1.static全局变量 2.static局部变量 3.static函数 4.类的static成员数据 5.类的 ...
Linux中find用法整理
一.Linux中find常见用法示例 ·find path -option [ -print ] [ -exec -ok command ] {} /; ...
pandas 作图统计_Pandas数据可视化工具——Seaborn用法整理（下）
本科数学,编程几乎零基础(之前只学过matlab)今年年初开始学习Python数据挖掘,找到了一个很好的平台--BigQuant,省去了安装Python和安装各种库的烦恼.我最近在开始了解机器学习,B ...
bitset 用法整理
在项目中需要使用到10进制48位的数字按二进制由高到低解释,然后按每一位是0还是1来判断报警或错误状态. 所以,在Linux中的C++下需要用到二进制转换以及按位解析.收集到了一些资料,自己保存一下啊 ...
rand函数用法整理
rand函数用法整理一.普通用法 1.1 生成随机数 rand()函数不需要参数,它将会返回0到RAND_MAX之间的任意的整数.如果我们想要生成一个在区间[0, 1]之内的数,那么我们可以写出如下 ...
Iframe 用法的详细讲解
Iframe 用法的详细讲解把iframe解释成"浏览器中的浏览器"很是恰当 <iframe frameborder=0 width=170 height=100 marg ...

layer的iframe用法整理

layer的iframe用法整理相关推荐

最新文章

热门文章