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 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
验证手机号码的JS方法分享
Sep 10 Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 Javascript
Javascript中的Callback方法浅析
Mar 15 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
浅谈React高阶组件
Mar 28 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
深入理解vue-class-component源码阅读
Feb 18 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
基于Node的Axure文件在线预览的实现代码
Aug 28 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 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 生成随机验证码图片代码
2010/02/08 PHP
PHP中输出转义JavaScript代码的实现代码
2011/04/22 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
PHP 序列化和反序列化函数实例详解
2020/07/18 PHP
使用一个for循环将N*N的二维数组的所有值置1实现方法
2017/05/29 PHP
表单的焦点顺序tabindex和对应enter键提交
2013/01/04 Javascript
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
js+html5实现的自由落体运动效果代码
2016/01/28 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
利用canvas实现的加载动画效果实例代码
2017/07/05 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
NodeJs搭建本地服务器之使用手机访问的实例讲解
2018/05/12 NodeJs
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
Vue ​v-model相关知识总结
2021/01/28 Vue.js
学习python 之编写简单乘法运算题
2016/02/27 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
python简单区块链模拟详解
2019/07/03 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
pycharm安装及如何导入numpy
2020/04/03 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
Expedia印度:您的一站式在线旅游网站
2017/08/24 全球购物
戴森英国官网:Dyson英国
2019/05/07 全球购物
大学生年度个人总结
2015/02/15 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang