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 相关文章推荐
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
JS中toFixed()方法引起的问题如何解决
Nov 20 Javascript
javascript实现倒计时跳转页面
Jan 17 Javascript
JavaScript动态数量的文件上传控件
Nov 18 Javascript
jquery实现input框获取焦点的简单实例
Jan 26 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
vue-cli项目使用mock数据的方法(借助express)
Apr 15 Javascript
BootStrap前端框架使用方法详解
Feb 26 Javascript
vue-cli3使用mock数据的方法分析
Mar 16 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
PHP之短标签开启设置
2013/06/17 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
浅谈php提交form表单
2015/07/01 PHP
浅析Laravel5中队列的配置及使用
2016/08/04 PHP
JS 强制设为首页的代码
2009/01/31 Javascript
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
JS 进度条效果实现代码整理
2011/05/21 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
jQuery原生的动画效果
2015/07/10 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
vue2.0+ 从插件开发到npm发布的示例代码
2018/04/28 Javascript
js表达式与运算符简单操作示例
2020/02/15 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
Python实现的彩票机选器实例
2015/06/17 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
python利用跳板机ssh远程连接redis的方法
2019/02/19 Python
django在保存图像的同时压缩图像示例代码详解
2020/02/11 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
土耳其时尚潮流在线购物网站:Trendyol
2017/10/10 全球购物
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
Stutterheim瑞典:瑞典高级外套时装品牌
2019/06/24 全球购物
应聘编辑职位自荐信范文
2014/01/05 职场文书
个人承诺书怎么写
2014/05/24 职场文书
党校个人总结
2015/03/04 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
活动总结书怎么写
2015/05/11 职场文书
小学运动会前导词
2015/07/20 职场文书
Python实现单例模式的5种方法
2021/06/15 Python
sql server 累计求和实现代码
2022/02/28 SQL Server
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android
mysql的单列多值存储实例详解
2022/04/05 MySQL
SQL SERVER中的流程控制语句
2022/05/25 SQL Server