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 相关文章推荐
Jquery Change与bind事件代码
Sep 29 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
Jul 17 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
May 31 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 Javascript
jQuery实现轮播图效果
Nov 26 jQuery
JavaScript享元模式原理与用法实例详解
Mar 09 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 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导出Word文档的原理和实例
2013/10/21 PHP
php定界符
2014/06/19 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
2016/10/28 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
扒一扒JavaScript 预解释
2015/01/28 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
D3.js中data(), enter() 和 exit()的问题详解
2015/08/17 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
详解vue-cli 构建Vue项目遇到的坑
2017/08/30 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
原生JS实现随机点名项目的实例代码
2019/04/30 Javascript
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
在python 中split()使用多符号分割的例子
2019/07/15 Python
Python 矩阵转置的几种方法小结
2019/12/02 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
python如何爬取网页中的文字
2020/07/28 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
建筑专业毕业生推荐信
2013/11/21 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
书香家庭事迹材料
2014/05/09 职场文书
大学新闻系自荐书
2014/05/31 职场文书
片区教研活动总结
2014/07/02 职场文书
第二批党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书