layer父子页面交互
2017-03-20 14:13
302 查看
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父子页面交互
- layui框架中layer父子页面交互的方法分析
- 原 layer父子页面交互
- layer父子页面交互
- layer父子页面交互
- Layer 父子页面之间的交互
- layer父子页面交互
- layer父子页面交互
- layer父子页面交互(子页面form表单提交)
- layer.iframe父子页面之间的数据交互(1)
- layer父子页面交互
- flex父子页面交互实现(触发事件)
- 【转】JavaScript实际应用:父子页面交互
- html父子页面(弹框)的实现和交互[通信]
- layer弹出层父子页面事件相互调用方法
- iframe 父子页面之间交互
- Chrome Safari Firefox 中 IFRAME 元素在文档树中发生变化后父子页面间的某些交互方式会失效
- (js 父子页面数据的交互以及父子页面的侦听)(客户端通用消息门户框架)
- 关于父子页面的交互
- 关于父子页面的交互