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 相关文章推荐
学习ExtJS(一) 之基础前提
Oct 07 Javascript
基于jQuery UI CSS Framework开发Widget的经验
Aug 21 Javascript
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
Mar 13 Javascript
浅入深出Vue之自动化路由
Aug 06 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
vue-cli点击实现全屏功能
Mar 07 Javascript
在实例中重学JavaScript事件循环
Dec 03 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代码书写习惯优化小结
2013/06/20 PHP
php求今天、昨天、明天时间戳的简单实现方法
2016/07/28 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
JS图片无缝、平滑滚动代码
2014/03/11 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
2015/12/09 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
JS实现碰撞检测效果
2020/03/12 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
python实现彩色图转换成灰度图
2019/01/15 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
python 遗传算法求函数极值的实现代码
2020/02/11 Python
python制作抽奖程序代码详解
2021/01/15 Python
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
请解释virtual关键字的含义
2015/06/17 面试题
工艺工程师工作职责
2013/11/23 职场文书
天鹅的故事教学反思
2014/02/04 职场文书
单位委托书范本
2014/04/04 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
反腐倡廉观后感
2015/06/08 职场文书
高中数学教学反思范文
2016/02/18 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
Mysql 如何查询时间段交集
2021/06/08 MySQL
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python