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 相关文章推荐
用正则xmlHttp实现的偷(转)
Jan 22 Javascript
关于使用runtimeStyle属性问题讨论文章
Mar 08 Javascript
基础的prototype.js常用函数及其用法
Mar 10 Javascript
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 Javascript
JS动态计算移动端rem的解决方案
Oct 14 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
JavaScript体验异步更好的解决办法
Jan 08 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
Mar 06 Javascript
vscode下vue项目中eslint的使用方法
Jan 13 Javascript
Vue自动构建发布脚本的方法示例
Jul 24 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
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
晋城吧对DiscuzX进行的前端优化要点
2010/09/05 PHP
php遍历数组的方法分享
2012/03/22 PHP
php 使用mpdf实现指定字段配置字体样式的方法
2019/07/29 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
react项目如何使用iconfont的方法步骤
2019/03/13 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
详解Vue中的Props与Data细微差别
2020/03/02 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
python实现发送邮件及附件功能
2021/03/02 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
python命令行参数用法实例分析
2019/06/25 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
使用scrapy ImagesPipeline爬取图片资源的示例代码
2020/09/28 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
中国专业的音频分享平台:喜马拉雅
2019/05/24 全球购物
T3官网:头发造型工具
2019/12/26 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
两道JAVA笔试题
2016/09/14 面试题
2013的个人自我评价
2013/12/26 职场文书
网吧员工管理制度
2015/08/05 职场文书