为您提供一个绿色下载空间!
当前位置: 首页 > 游戏动态

layer.open传参数到子页面-layer.js又有新功能升级!如何在子页面传参数?

来源:第十下载 更新:2024-01-06 12:12:14

用手机看

扫描二维码随时看1.在手机上浏览
2.分享给你的微信好友或朋友圈

新功能发布,layer.open传参数到子页面。作为一名前端开发工程师,我非常高兴地向大家宣布,我们的弹窗插件layer.js又有了新的功能升级!这次的更新主要解决了一个长期以来被广大开发者关注的问题:如何在使用layer.open打开的子页面中传递参数。下面我将详细介绍这个新功能的使用方法。

1.使用layer.open打开子页面

layer.open传参数到子页面_页面间传参_页面传递参数的方式有哪几种

首先,我们需要明确一点,layer.js是一个非常强大的弹窗插件,它可以轻松实现各种弹窗效果。而在之前的版本中,当我们使用layer.open打开一个子页面时,并不能直接传递参数给这个子页面。这给我们的开发工作带来了不便。

layer.open传参数到子页面_页面传递参数的方式有哪几种_页面间传参

2. layer.open传递参数

页面传递参数的方式有哪几种_layer.open传参数到子页面_页面间传参

但是现在,通过最新版的layer.js,我们可以很方便地传递参数到被打开的子页面了。具体操作如下:

页面传递参数的方式有哪几种_layer.open传参数到子页面_页面间传参

javascript
//在父页面中
var data ={
  name:'小明',
  age: 18,
  gender:'男'
layer.open({
  type:2,
  title:'子页面',
  content:'child.html',//子页面URL
  success: function(layero, index){
    var iframeWin = window[layero.find('iframe')[0]['name']];
    iframeWin.receiveData(data);//调用子页面的接收数据函数
});

layer.open传参数到子页面_页面间传参_页面传递参数的方式有哪几种

在父页面中,我们可以定义一个data对象,里面包含了我们需要传递的参数。然后,在使用layer.open打开子页面时,在success回调函数中通过iframeWin对象调用子页面的接收数据函数receiveData,并将data作为参数传递给它。

telegeram官方app:https://zbdszx.com/danji/15232.html

玩家评论

此处添加你的第三方评论代码
Copyright © 2015-2024 第十下载 版权所有