layer父子页面交互
2017-10-23 08:49
337 查看
layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/
可以从官网上下载最新版本。
当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数。
1、访问父页面元素值
[javascript] view
plain copy
var parentId=parent.$("#id").val();//访问父页面元素值
2、访问父页面方法
[javascript] view
plain copy
var parentMethodValue=parent.getMethodValue();//访问父页面方法
3、如何关闭弹出的子页面窗口
[javascript] view
plain copy
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);//关闭弹出的子页面窗口
4、如何从子页面执行刷新父页面操作
[javascript] view
plain copy
parent.location.reload(); // 父页面刷新
可以从官网上下载最新版本。
当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数。
1、访问父页面元素值
[javascript] view
plain copy
var parentId=parent.$("#id").val();//访问父页面元素值
2、访问父页面方法
[javascript] view
plain copy
var parentMethodValue=parent.getMethodValue();//访问父页面方法
3、如何关闭弹出的子页面窗口
[javascript] view
plain copy
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);//关闭弹出的子页面窗口
4、如何从子页面执行刷新父页面操作
[javascript] view
plain copy
parent.location.reload(); // 父页面刷新
相关文章推荐
- layer.iframe父子页面之间的数据交互(1)
- layer父子页面交互(子页面form表单提交)
- layer父子页面交互
- layer父子页面交互
- layui框架中layer父子页面交互的方法分析
- layer父子页面交互
- Layer 父子页面之间的交互
- layer父子页面交互
- layer父子页面交互
- 原 layer父子页面交互
- layer父子页面交互
- flex父子页面交互实现(触发事件)
- Chrome Safari Firefox 中 IFRAME 元素在文档树中发生变化后父子页面间的某些交互方式会失效
- (js 父子页面数据的交互以及父子页面的侦听)(客户端通用消息门户框架)
- layui父子页面交互
- MUI关于父子页面交互之,子页面调用父页面的方法实现一些功能
- 关于父子页面的交互
- 模态对话框+父子窗口交互+后台数据处理+刷新父页面
- flex父子页面数据交互实现(回调函数)
- iframe 父子页面之间交互