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 相关文章推荐
比较详细的关于javascript中void(0)的具体含义解释
Aug 02 Javascript
Mootools 1.2教程 事件处理
Sep 15 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
jQuery中dom元素上绑定的事件详解
Apr 24 Javascript
学习JavaScript设计模式(单例模式)
Nov 26 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
react开发中如何使用require.ensure加载es6风格的组件
May 09 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 Javascript
浅谈webpack-dev-server的配置和使用
May 17 Javascript
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
vue中添加与删除关键字搜索功能
Oct 12 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
discuz的php防止sql注入函数
2011/01/17 PHP
php微信开发之关注事件
2018/06/14 PHP
PHP实现百度人脸识别
2019/05/06 PHP
XML的代替者----JSON
2007/07/21 Javascript
JavaScript delete 属性的使用
2009/10/08 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
jQuery焦点图切换特效插件封装实例
2013/08/18 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
js中window.open打开一个新的页面
2014/08/10 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
js命名空间写法示例
2015/12/18 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
2017/04/25 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
一个简易的js图片轮播效果
2017/07/22 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
Python动态加载模块的3种方法
2014/11/22 Python
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
python中尾递归用法实例详解
2015/04/28 Python
Python如何读取MySQL数据库表数据
2017/03/11 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
Python3中的bytes和str类型详解
2019/05/02 Python
Django模型序列化返回自然主键值示例代码
2019/06/12 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
python + selenium 刷B站播放量的实例代码
2020/06/12 Python
详解pandas映射与数据转换
2021/01/22 Python
英国最大的邮寄种子和植物公司:Thompson & Morgan
2017/09/21 全球购物
环保建议书600字
2014/05/14 职场文书
物理教育专业求职信
2014/06/25 职场文书
幼儿园教师自我评价
2015/03/04 职场文书
2016学校先进集体事迹材料
2016/02/29 职场文书