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 相关文章推荐
javascrip关于继承的小例子
May 10 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
Jul 28 Javascript
自己实现ajax封装示例分享
Apr 01 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
Jan 25 Javascript
Bootstrap项目实战之子栏目资讯内容
Apr 25 Javascript
详解js中的apply与call的用法
Jul 30 Javascript
JavaScript之class继承_动力节点Java学院整理
Jul 03 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
jquery实现动态创建form并提交的方法示例
May 27 jQuery
pageGroup.js实现分页功能
Jul 27 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 mysql数据库操作类
2008/06/04 PHP
phpcms模块开发之swfupload的使用介绍
2013/04/28 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
jquery 弹出层实现代码
2009/10/30 Javascript
纯js实现背景图片切换效果代码
2010/11/14 Javascript
validator验证控件使用代码
2010/11/23 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
js实现滚动条滚动到页面底部继续加载
2015/12/19 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
JS碰撞运动实现方法详解
2016/12/15 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
Python写的Tkinter程序屏幕居中方法
2015/03/10 Python
Python聊天室实例程序分享
2016/01/05 Python
Python自动化之数据驱动让你的脚本简洁10倍【推荐】
2019/06/04 Python
python绘制地震散点图
2019/06/18 Python
python Manager 之dict KeyError问题的解决
2019/12/21 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
介绍一下JNDI的基本概念
2013/07/26 面试题
高三学生评语大全
2014/04/25 职场文书
自主招生自荐信范文
2015/03/04 职场文书
2016春季幼儿园大班开学寄语
2015/12/03 职场文书
小学2016年第十八届推普周活动总结
2016/04/05 职场文书
Python机器学习之KNN近邻算法
2021/05/14 Python
使用python求解迷宫问题的三种实现方法
2022/03/17 Python
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers