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查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
一个JavaScript的求爱小特效
May 09 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
在localStorage中存储对象数组并读取的方法
Sep 24 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
浅谈webpack 自动刷新与解析
Apr 09 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
Apr 20 Javascript
使用p5.js临摹动态图形
Oct 23 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 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/08/08 PHP
php使用pdo连接并查询sql数据库的方法
2014/12/24 PHP
redis查看连接数及php模拟并发创建redis连接的方法
2016/12/15 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
JavaScript为对象原型prototype添加属性的两种方式
2010/08/01 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
js计算两个时间之间天数差的实例代码
2013/11/19 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
vue-router路由模式详解(小结)
2019/08/26 Javascript
解决vue项目 build之后资源文件找不到的问题
2020/09/12 Javascript
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
pygame加载中文名mp3文件出现error
2017/03/31 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
python实现换位加密算法的示例
2018/10/14 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
python os.listdir()乱码解决方案
2021/01/31 Python
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
会计学自我鉴定
2014/02/06 职场文书
“九一八事变纪念日”国旗下讲话稿
2014/09/14 职场文书
项目合作意向书
2015/05/08 职场文书
三十年同学聚会感言
2015/07/30 职场文书
百日宴上的祝酒词
2015/08/10 职场文书
2016年第32个教师节致辞
2015/11/26 职场文书
详解Java实现设计模式之责任链模式
2021/06/23 Java/Android