Layui实现主窗口和Iframe层参数传递


Posted in Javascript onNovember 14, 2019

这应该是我们在开发中经常用到的吧,主窗口和Iframe层之间传值实现我们各种需求,比如打开某条记录的详细数据….

主窗口向Iframe层传值:

//主窗口代码
    layer.open({
      type: 2,
      title: "标题",
      shade: 0.5,
      area: ['500px', '500px'],
      anim: 2,
      content: ['url'],
    success: function (layero, index) {
        var iframe = window['layui-layer-iframe' + index];//拿到iframe元素
        iframe.child(JSON.stringify(data))//向此iframe层方法 传递参数
      }
    });
      
      //iframe层代码
       
     <script>
     
       function funrec(obj) {
         //这样就把主窗体的值放到iframe层的隐藏控件了
         //你也可以直接拿到obj完成你的需求
         $("#hid_rec").val(obj);
          </script>

iframe层向主窗口传值就比较简单了

parent.$("#主窗口元素ID").val("需要传递的参数");

以上这篇Layui实现主窗口和Iframe层参数传递就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript中的this实例分析
Apr 28 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
webpack中如何加载静态文件的方法步骤
May 18 Javascript
Laravel admin实现消息提醒、播放音频功能
Jul 10 Javascript
js实现验证码干扰(动态)
Feb 23 Javascript
layui 弹出层值回传解决方式
Nov 14 #Javascript
vue使用swiper.js重叠轮播组建样式
Nov 14 #Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 #Javascript
浅析Vue 防抖与节流的使用
Nov 14 #Javascript
微信小程序tabBar设置实例解析
Nov 14 #Javascript
layui清除radio的选中状态实例
Nov 14 #Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 #Javascript
You might like
php 读取shell管道传输过来的内容
2010/03/01 PHP
PHP 面向对象详解
2012/09/13 PHP
PHP可逆加密/解密函数分享
2012/09/25 PHP
PHP实现查询两个数组中不同元素的方法
2016/02/23 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
laravel-admin 在列表页添加自定义按钮的例子
2019/09/30 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
JS继承 笔记
2011/07/13 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
JS中使用sort结合localeCompare实现中文排序实例
2014/07/23 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
layui实现文件或图片上传记录
2018/08/28 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
python实现淘宝秒杀脚本
2020/06/23 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
Python如何将字符串转换为日期
2020/07/31 Python
Python项目打包成二进制的方法
2020/12/30 Python
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
大学生应聘自荐信
2013/10/11 职场文书
求职信模板标准格式范文
2014/02/23 职场文书
《金钱的魔力》教学反思
2014/02/24 职场文书
家教广告词
2014/03/19 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书