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 相关文章推荐
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
js 提交form表单和设置form表单请求路径的实现方法
Oct 25 Javascript
jQuery zTree树插件简单使用教程
Jan 10 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
React实践之Tree组件的使用方法
Sep 30 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
Mar 25 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 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
BBS(php & mysql)完整版(一)
2006/10/09 PHP
PHP在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
PHP中的session安全吗?
2016/01/22 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
Javascript倒计时代码
2010/08/12 Javascript
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
vue使用stompjs实现mqtt消息推送通知
2017/06/22 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
vue 自定义 select内置组件
2018/04/10 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
python实现的登录和操作开心网脚本分享
2014/07/09 Python
使用Python编写Linux系统守护进程实例
2015/02/03 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
2013年高中生自我评价
2013/10/23 职场文书
小学教师培训感言
2014/02/11 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
Java Spring 控制反转(IOC)容器详解
2021/10/05 Java/Android