iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > html >如何使用layer.open子页面弹出层向父页面传输数据
  • 869
分享到

如何使用layer.open子页面弹出层向父页面传输数据

2024-04-02 19:04:59 869人浏览 八月长安
摘要

这篇文章给大家分享的是有关如何使用layer.open子页面弹出层向父页面传输数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。子页面向父页面传数据

这篇文章给大家分享的是有关如何使用layer.open子页面弹出层向父页面传输数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

子页面向父页面传数据,利用弹出页面点击确定时返回的参数,即yes:function(index,layero){}的layero。

关键就一句:

var obj = $(layero).find("iframe")[0].contentWindow;

obj可以调用子页面的方法,这样就可以通过子页面传递数据了。

$('#addQuota').on('click',function(){
  layer.open({
 type : 2,
 title : "子页面",
 resize : true,
 shadeClose : false,
 shade : 0,
 maxmin : false,
 area : ['590px','380px'],
 content : url,
 btn: '确定',
 yes:function(index,layero){
 var obj = $(layero).find("iframe")[0].contentWindow; //obj可以调用子页面的任何方法
 }
 });
 });

感谢各位的阅读!关于“如何使用layer.open子页面弹出层向父页面传输数据”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: 如何使用layer.open子页面弹出层向父页面传输数据

本文链接: https://www.lsjlt.com/news/75529.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何使用layer.open子页面弹出层向父页面传输数据
    这篇文章给大家分享的是有关如何使用layer.open子页面弹出层向父页面传输数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。子页面向父页面传数据...
    99+
    2024-04-02
  • layer如何实现弹出子iframe层父子页面传值
    这篇文章给大家分享的是有关layer如何实现弹出子iframe层父子页面传值的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。父页面获取子页面元素格式:$("#iframe...
    99+
    2024-04-02
  • layui.layer弹出层(子页面)改变父页面内容(访问元素和函数)
    目录一、layer.open() 方法重要参数使用回顾content - 内容success - 层弹出后的成功回调方法yes - 确定按钮回调方法二、...
    99+
    2023-02-25
    layer弹出层改变父页面内容 layer子页面访问父页面元素和函数
  • jQuery中如何实现Layer弹出层传值到父页面
    这篇文章主要介绍jQuery中如何实现Layer弹出层传值到父页面,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!目前做的项目中用到layer弹层传值,弹层输入框输入文本,点击确定按钮...
    99+
    2024-04-02
  • 微信小程序中如何实现子页面向父页面传值
    这篇文章主要介绍微信小程序中如何实现子页面向父页面传值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!微信小程序中子页面向父页面传值实例详解上面一张图是编辑款项页面,下面一张图是点击了...
    99+
    2024-04-02
  • 如何利用layui弹出层做编辑页面
    这篇文章给大家分享的是有关如何利用layui弹出层做编辑页面的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。先上效果图基本准备,引入layui的layui.css,layui.js...
    99+
    2024-04-02
  • 微信小程序如何向父页面传递参数
    在微信小程序中利用小程序盏队功能向父页面传递参数,实现代码如下:let pagetotal = getCurrentPages(),//获取盏队thispage = pagetotal[pagetotal.length - 1],//子页面...
    99+
    2024-04-02
  • Vue如何实现页面状态保持页面间数据传输
    这篇文章主要为大家展示了“Vue如何实现页面状态保持页面间数据传输”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue如何实现页面状态保持页面间数据传输”这篇文...
    99+
    2024-04-02
  • 如何使用C# winForm自定义弹出页面效果
    这篇文章主要为大家展示了“如何使用C# winForm自定义弹出页面效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用C# winForm自定义弹出页面效果”这篇文章...
    99+
    2023-06-29
  • 如何解决layer弹出层自适应页面大小的问题
    这篇文章主要介绍了如何解决layer弹出层自适应页面大小的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。网上的解决方案大都是以下几种:1...
    99+
    2024-04-02
  • 如何使用ajax技术实现txt弹出在页面上
    小编给大家分享一下如何使用ajax技术实现txt弹出在页面上,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!使用ajax技术实现点...
    99+
    2024-04-02
  • 如何使用jquery实现页面弹球效果
    这篇文章主要为大家展示了“如何使用jquery实现页面弹球效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用jquery实现页面弹球效果”这篇文章吧。具体内容如下像windows屏保一样...
    99+
    2023-06-26
  • 如何使用easyui从servlet传递json数据到前端页面
    这篇文章给大家分享的是有关如何使用easyui从servlet传递json数据到前端页面的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 两种方法获取的数据在servle...
    99+
    2024-04-02
  • vue页面如何使用oss上传功能
    这篇文章将为大家详细讲解有关vue页面如何使用oss上传功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体如下:进入控制台,鼠标移到右上角用户名处,点击“访问控制”,...
    99+
    2024-04-02
  • 微信小程序页面间如何传递数据
    微信小程序页面间实现传递数据的几种方法使用url通过option获取值//定义url,并赋值wx.navigateTo({url: 'testid=1'})//使用option获取值url的值Page({data:{id:'',},onLo...
    99+
    2024-04-02
  • springMVC如何将controller中数据传递到jsp页面
    1> 将方法的返回值该为ModelAndView在返回时,将数据存储在ModelAndView对象中如:newModelAndView("/WEBINF/jsp/showData.jsp","message",message)...
    99+
    2023-05-31
    springmvc controller jsp
  • 如何使用shell脚本找出网站的空页面和404错误页面
    本篇内容介绍了“如何使用shell脚本找出网站的空页面和404错误页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!代码如下:time ca...
    99+
    2023-06-09
  • 实现PHP页面跳转时如何传递POST数据
    实现PHP页面跳转时如何传递POST数据 在开发PHP应用程序时,有时候我们需要在页面跳转时传递POST数据,这可能涉及到一些敏感信息或者需要在跳转后进行处理的数据。在这种情况下,我们...
    99+
    2024-04-02
  • 使用Spring如何实现页面的相互传值
    这篇文章给大家介绍使用Spring如何实现页面的相互传值,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。一、从页面接收参数spring MVC接收请求提交的参数值的几种方法:使用HttpServletRequest获取。...
    99+
    2023-05-31
    spring 相互
  • 使用springMVC怎么将Model数据传递到jsp页面中
    使用springMVC怎么将Model数据传递到jsp页面中?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。在action中存放数据,代码如下:@Controller // 加入...
    99+
    2023-05-31
    springmvc model jsp
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作