layer父子页面交互
2018-01-05 10:08
225 查看
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父子页面交互
- layer父子页面交互
- layer父子页面交互(子页面form表单提交)
- layer.iframe父子页面之间的数据交互(1)
- layer父子页面交互
- 原 layer父子页面交互
- layui框架中layer父子页面交互的方法分析
- layer父子页面交互
- layer父子页面交互
- Layer 父子页面之间的交互
- layer父子页面交互
- 父子页面交互
- flex父子页面数据交互实现(回调函数)
- JavaScript实际应用:父子页面交互
- 【转】JavaScript实际应用:父子页面交互
- Web页面父子窗口交互总结
- 模态对话框+父子窗口交互+后台数据处理+刷新父页面
- 模态对话框+父子窗口交互+后台数据处理+刷新父页面
- iframe父子页面交互
- layer弹出层父子页面事件相互调用