layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例

 更新时间:2017年09月22日 13:50:13   作者:YancyMauno  
下面小编就为大家带来一篇layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

父层:

jsp中:

//页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面

<input type="hidden" id="getValue" name="getValue" value="" />

js代码:

//设置function,当执行时,弹出子窗口并传递当前窗口名称

//弹出子窗口(选择商家)
 function choseMerchant() {

  //获取当前窗口名称
  var parentName= window.name;

  /*(由于用的ssm框架)URL对应的是controller方法,并向其传递当前窗口名称,打开的窗口显示页面即    
  为经过controller方法后返回的页面*/
  var url = root + "/adPosition/choseMerchant?parentName="+ parentName;

  laySum = parent.layer.open({
   //设置打开的子窗口效果
   type : 2,
   title : "选择商家",
   shadeClose : true,
   shade : 0.5,
   shift : 0,
   area : [ '40%', '863px' ],
   content : url,
   success: function(layero, index){ 
   }
  });
 }

子层:

jsp中:

//页面添加的隐藏输入框,存储的值是经过controller方法后返回的父窗口名称,用于区分,将id设置为mainIframeName

<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">

js代码:

//设置function,当执行时,传值并关闭当前窗口

function setvalue() {

  //得到“mainIframeName”输入框中存储的值
  var mainIframeName = $("#mainIframeName").val();

  //判断是否为空或者是未定义
  if (mainIframeName != "" && mainIframeName != "undefined") 
  {
  //此处的ifrc和winc的意义可自行查阅
  var ifrc = window.parent.frames[mainIframeName];
  var winc = ifrc.window || ifrc.contentWindow;
  try {
   //设置父窗口隐藏输入框的值为hello world
   winc.document.getElementById("getValue").value = "hello world!";
   } catch (ex) {
    winc.location.reload();
   }
  }
   //关闭当前窗口
   var index = parent.layer.getFrameIndex(window.name);
   parent.layer.close(index);
 }

总结:此方法用于子层直接给父层元素赋值,从而达到传值的效果,关键点在于需要将父层窗口名称传递到子层中。

以上就是小编为大家带来的layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例的全部内容了,希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略,请持续关注本站,本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容,尽在jb51游戏频道!

相关文章

  • 关于动态执行代码(js的Eval)实例详解

    关于动态执行代码(js的Eval)实例详解

    下面小编就为大家带来一篇关于动态执行代码(js的Eval)实例详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • Bootstrap字体图标无法正常显示的解决方法

    Bootstrap字体图标无法正常显示的解决方法

    这篇文章主要为大家详细介绍了Bootstrap字体图标无法正常显示的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js保留两位小数使用toFixed实现

    js保留两位小数使用toFixed实现

    直接使用Math.round(x*100)存在一个问题,有时会有很小的误差,显示很多位的小数位,如0.9996*100,就会变成99.96000000000001,我想要的在下面,感兴趣的朋友可以参考下哈
    2013-07-07
  • JS实现网页表格自动变大缩小的方法

    JS实现网页表格自动变大缩小的方法

    这篇文章主要介绍了JS实现网页表格自动变大缩小的方法,实例分析了javascript操作表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 用js实现简单的tab选项卡

    用js实现简单的tab选项卡

    这篇文章主要为大家详细介绍了用js实现简单的tab选项卡,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • js实现的在本地预览图片功能示例

    js实现的在本地预览图片功能示例

    这篇文章主要介绍了js实现的在本地预览图片功能,结合实例形式分析了JavaScript兼容移动web与IE浏览器的图片预览功能相关实现技巧,需要的朋友可以参考下
    2019-11-11
  • 微信小程序实现圆形进度条动画

    微信小程序实现圆形进度条动画

    这篇文章主要为大家详细介绍了微信小程序实现圆形进度条动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • ES6中Math对象新增的方法实例详解

    ES6中Math对象新增的方法实例详解

    这篇文章主要介绍了ES6中Math对象新增的方法,结合实例形式详细分析了ES6中Math对象的各种常用数学函数与新增方法相关使用技巧,需要的朋友可以参考下
    2017-04-04
  • 微信小程序音乐播放器开发

    微信小程序音乐播放器开发

    这篇文章主要为大家详细介绍了微信小程序音乐播放器开发,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 使用documentElement正确取得当前可见区域的大小

    使用documentElement正确取得当前可见区域的大小

    如何取得当前浏览器里面可见区域的大小?其他方法都不适用,只有documentElement才可以,需要的朋友可以参考下
    2014-07-07

最新评论