layer弹出层父子页面事件相互调用方法
时间:2018-08-17
今天小编就为大家分享一篇layer弹出层父子页面事件相互调用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
// 父页面
<body> <a data-url="bbbb.html" id="parentIframe">小小提示层</a> <input id="shuzhi" /> <button class="but_par">父页面</button> </body> <script src="../jquery-1.9.1.min.js"></script> <script src="layer/layer.js"></script> <script> $(function(){ $("#parentIframe").click(function(){ var a = $(this).attr("data-url"); layer.open({ type: 2, content: a, success: function(layero, index){ var body = layer.getChildFrame('body', index);//获取子页面内容 var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); body.find("#transmit").click();//执行子页面的方法 body.find('input').val('Hi,我是从父页来的') $(".but_par").click(function(){ alert(222); }) } }); }) })
// 子页面
<body> <input id="name" value="不满意" /> <button id="transmit">给父层传值</button> </div> </body> <script> $(function(){ $(document).on("click","#transmit").click(function(){ parent.$("#shuzhi").val($("#name").val()); parent.location.reload(); 刷新父页面 //关闭layer弹出层 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index); }) window.parent.$(".but_par").click();//执行父页面的事件 }) </script>
以上这篇layer弹出层父子页面事件相互调用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法