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 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
javascript 兼容各个浏览器的事件
Feb 04 Javascript
分享jQuery插件的学习笔记
Jan 14 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
angular ng-repeat数组中的数组实例
Feb 18 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
Aug 25 Javascript
Vue watch响应数据实现方法解析
Jul 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
推荐一篇入门级的Class文章
2007/03/19 PHP
基于PHP读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
PHP多维数组元素操作类的方法
2016/11/14 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
JavaScript中的其他对象
2008/01/16 Javascript
jquery 输入框数字限制插件
2009/11/10 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
js数组的操作指南
2014/12/28 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
Python中字符串的处理技巧分享
2016/09/17 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
python 调用API接口 获取和解析 Json数据
2020/09/28 Python
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
牧马人澳大利亚官网:Wrangler澳大利亚
2019/10/08 全球购物
计算机科学与技术应届生求职信
2013/11/07 职场文书
企业演讲比赛主持词
2014/03/18 职场文书
警察先进个人事迹材料
2014/05/16 职场文书