layer.open组件获取弹出层页面变量、函数的实例


Posted in Javascript onSeptember 25, 2019

最近做项目遇到个问题

layer.open组件获取弹出层页面变量、函数的实例

使用layer.open组件弹出层,需要将该弹出层抽取城单独的公共页面,因此需要在主页面获取弹出层页面的相关变量或者函数值。

记录下解决办法。

先来看layer.open函数

layer.open组件获取弹出层页面变量、函数的实例

再来看弹出层URL对应的页面关键代码

将表单序列化成JS对象的函数是自己封装的一个JS函数,这里就不细说了,也可以自己手动定义个JS对象,自己给该对象添加属性

layer.open组件获取弹出层页面变量、函数的实例

最后来看主页面调用方式

layer.open组件获取弹出层页面变量、函数的实例

layer.open组件获取弹出层页面变量、函数的实例

打印回调函数接收的变量可以看到,获取到弹出层内用户操作的相关数据。

最后,其实关键点就在于获取ifream中指定变量或者函数的这个方法

$(layero).find("iframe")[0].contentWindow.formData();

完毕!

以上这篇layer.open组件获取弹出层页面变量、函数的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript读取RSS数据
Jan 20 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 Javascript
JavaScript运算符小结
Jun 03 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
Jun 28 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
Jul 22 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
JavaScript实现动态添加Form表单元素的方法示例
Aug 14 Javascript
表格展示利器 Bootstrap Table实例代码
Sep 06 Javascript
了解在JavaScript中将值转换为字符串的5种方法
Jun 06 Javascript
使用eslint和githooks统一前端风格的技巧
Jul 29 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 #jQuery
axios实现文件上传并获取进度
Mar 25 #Javascript
Layer+Echarts构建弹出层折线图的方法
Sep 25 #Javascript
axios实现简单文件上传功能
Sep 25 #Javascript
layer弹出层取消遮罩的方法
Sep 25 #Javascript
QML实现圆环颜色选择器
Sep 25 #Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 #Javascript
You might like
解析获取优酷视频真实下载地址的PHP源代码
2013/06/26 PHP
thinkphp的CURD和查询方式介绍
2013/12/19 PHP
PHP常用函数和常见疑难问题解答
2014/03/05 PHP
Yii2增删改查之查询 where参数详细介绍
2016/08/08 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
smarty模板数学运算示例
2016/12/11 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
2016/12/07 Javascript
vue项目实战总结篇
2018/02/11 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
2019/04/09 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
[57:53]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#3OG VS VP
2016/03/03 DOTA
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Django在win10下的安装并创建工程
2017/11/20 Python
Python使用dict.fromkeys()快速生成一个字典示例
2019/04/24 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
Django values()和value_list()的使用
2020/03/31 Python
python能自学吗
2020/06/18 Python
使用python实现学生信息管理系统
2021/02/25 Python
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
乐高积木玩具美国官网:LEGO Shop US
2016/09/16 全球购物
加拿大在线隐形眼镜和眼镜店:VisionPros
2019/10/06 全球购物
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
2013的个人自我评价
2013/12/26 职场文书
教师党员承诺书
2014/03/25 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
公务员个人考察材料
2014/12/23 职场文书
新员工考核评语
2014/12/31 职场文书
vue 给数组添加新对象并赋值
2022/04/20 Vue.js