1 var myUrl = "tlwtt_"; document.getElementById("home").addEventListener('tap', function() { 4 mui.openWindow({ id: myUrl + "home", styles: { bottom: '50px' }, 12 show: { aniShow: "slide-in-right", duration: 100 }, 17 waiting: { title: '正在加载...' } 21 }); 22 });

上面这串代码中的第一行就是id前缀，第6行代码有显示，已经添加了id前缀，这个home格子的tap事件实现效果，后面的tap事件，小编没有写show，waiting什么的，如果写的话，参照home即可。关于打开新页面，官方文档中这么描述：（官方文档地址：），为了方便查看，小编给大家截图哈，因为小编发现如果复制文字的话，可能会因为排版问题导致错乱，不方便阅读。

如果在其他地方看到小编的这篇博文，如果发现图片带有水印，不方便阅读的话，可以来小编博文的首发站点来查看，小编不加水印是为了方便阅读，但是一些其他站点转载后却自行加上了其网站水印，虽然防盗了，但是却影响力读者阅读，因小失大。小编目前博文首发站点是博客园，进入博客园官网，在浏览器地址栏输入tenglongwentian，之后按键盘回车键即可看到小编的博文了。
回到正题，上面的这幅截图是官方文档的部分内容截图，阅读官方文档其实是个好习惯哈，慢慢培养哈，会有好处的。

上面这幅图就是点击9宫格界面第一个格子home后的效果，其他格子效果类似。头部导航和底部导航均没有被遮盖住哈，点击底部导航返回即可返回到主界面：

测试机型参数：Android4.2.2版本。