子页面如何访问父页面的资源，同时如何在子页面出发父页面的时间？
AaronC
- 发布：2014-11-21 14:44
- 更新：2014-11-21 15:07
- 阅读：1569
子页面如何访问父页面的资源，同时如何在子页面出发父页面的时间？
分类：HTML5+
1 个回复
二八中医
自定义事件
用户开发应用中会大量使用事件功能。除了浏览器内置的事件及mui框架内置的事件（比如手势事件）外，mui同时支持用户触发和绑定自定义事件。通过自定义事件，用户可以轻松实现页面间数据传递。
监听自定义事件
添加自定义事件监听操作和标准js事件监听类似，可直接通过window对象添加，如下：
window.addEventListener('customEvent',function(event){
//通过event.detail可获得传递过来的参数内容
....
});
触发自定义事件
通过mui.fire方法可触发目标窗口的自定义事件：
mui.fire(targetPage,'customEvent',{
//自定义事件参数
});
示例：假设如下场景：从新闻列表页面进入新闻详情页面，新闻详情页面为共用页面，通过传递新闻ID通知详情页面需要显示具体哪个新闻，详情页面再动态向服务器请求数据，mui要实现类似需求可通过如下步骤实现
具体可参照mui的官方文档,通过在一个页面自定义事件，然后在另一个页面用fire方法触发该事件
dcloudio.github.io/mui/javascript/#customevent