layer子窗口与父窗口传值

layer作为优秀的jquery框架，可以用作弹出组件、日历、分页等，而且实现简单，只有几十k的大小。
此处给出弹出窗口时子窗口与父窗口的传值。js和css这里不展示引入（以下给出目录结构的图片），仅仅给出我测试的代码：
1 . index.html

<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="layer/skin/layer.css"> <script type="text/javascript" src="layer/jquery-3.0.0.min.js"></script> <script type="text/javascript" src="layer/layer.js"></script> </head> <body> <p id="parentIframe">哈哈</p> <button id="ne1">查看变量</button> <button id="ne">打开iframe</button> <script type="text/javascript">var rel="原始变量"; $(function(){ $('#ne').on('click', function(){ layer.open({ type: 2, area: ['500px', '300px'], maxmin: true, content: 'f.html?id=1' }); }); $('#ne1').on('click', function(){ alert(rel); }); }); function setRel(rel){ this.rel=rel; } function getRel(){ return rel; } </script> </body> </html>

f.html(子窗口)

<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="layer/skin/layer.css"> </head> <body> <p><input id="name"><button id="new1">改变父类元素</button></p> <button id="new">关闭iframe</button> <script type="text/javascript" src="layer/jquery-3.0.0.min.js"></script> <script type="text/javascript" src="layer/layer.js"></script> <script>$(function(){ var str=window.location.href; $("#name").val(str.split('?')[1]); $('#new').on('click', function(){ var index = parent.layer.getFrameIndex(window.name); parent.setRel("子类传值"); parent.layer.close(index); }); $('#new1').on('click', function(){ parent.$('#parentIframe').text($("#name").val()); }); }); </script> </body> </html>转载自：https://blog.csdn.net/nima1994/article/details/51933850

转载于:https://www.cnblogs.com/ITzhangyunpeng/p/9154189.html

layer子窗口与父窗口传值相关推荐

c# 子窗口与父窗口之间的传值
//首先定义两个Form,一个为Form1,一个为Form2,其中Form1作为父窗口,Form2作为子窗口//1.父窗口传值给子窗口//Form1中代码:public Form1(){Initial ...
qt 子窗口与父窗口数据通信_Qt实例--主窗口和子窗口互发信号
准备工作: 需要首先添加一个Qt设计师界面类,这里使用默认类名Form. 实例一:主窗口向子窗口发送信号在主窗口添加一个按钮QPushButton,在子窗口添加一个标签QLabel. 主窗口添加一个 ...
子窗口与父窗口按TAB键切换控件焦点
在子窗口的OnInitDialog() 中写入: ModifyStyleEx( 0, WS_EX_CONTROLPARENT, 0 ); 另外这也会导致程序出现无响应卡死的状况,于是就必须要确定好窗口 ...
Vue2的router-view中子组件与父组件传值
1,子主件触发向父主件传值子组件与父组件传值是通过在子组件中,定义$emit,向父组件发射一个事件,及带上传的值.父组件监听这个事件,然后调用这个事件的函数,传值是传到这个函数参数中的. this. ...
WPF MVVM 下窗口之间的传值
自己记录一下怕自己以后都忘记了. 言归正传,对于窗口之间的传值我第一时间先到的就是在子窗口定义一个变量,在父窗口打开子窗口的时候,给子窗口中的变量赋值,从而实现窗口直接的传值. 但是回头想了一下,我现 ...
html弹出窗口加载别的页面地址,仿layer.open打开新窗口URL，自适应URL页面高度
layer.open打开新窗口URL,不能在弹出窗口的同时根据所打开URL地址页面的大小,弹出的同时自适应窗口大小,所以根据需要自己写了一个,请参考指正. 首先加载jquery 下面是js代码: // ...
[随笔]关于如何实现鼠标穿透窗口和窗口半透明
资料准备 WS_EX_TRANSPARENT | WS_EX_LAYERED WM_NCHITTEST & return HTTRANSPARENT SetLayeredWindowAttri ...
Win32-子窗口-父窗口-窗口所有者
文章目录 1.窗口关系 2.窗口类型的说明和限制 3.几个相关函数的说明 4.作者答疑在windows系统中,每个窗口对象都对应有一个数据结构,形成一个list链表.系统的窗口管理器通过这个li ...
uniapp的父传子，子传父，子组件与父组件数据同步(.sync)的理解
父传子: 父调用绑定的子组件中state然后 mystate1赋值false 给子组件中的state.并在子组件中显示父中传来的值. 注意要在子组件中设置 props[属性]不然父中的值无法传过去. ...
iframe子页面与父页面元素的访问以及js变量的访问
后台管理系统嵌套了很多iframe页面,想要取得父页面的元素,需要特殊的写法,总是记不住,写下来方便寻找 // eg:iframe页面找父页面的 #nav $('#nav',parent.docume ...

layer子窗口与父窗口传值

layer子窗口与父窗口传值相关推荐

最新文章

热门文章