zoukankan      html  css  js  c++  java
  • Hbuilder主页面控制子页面的方法

    主页面的写法

    (function($, doc) {
                    mui.init({
                        swipeBack : false,
                        subpages: [{
                            id: 'addMemberContent',
                            url: 'addMemberContent.html',
                            styles: {
                                top: '45px',
                                bottom: 0,
                                bounce: 'vertical'
                            }
                        }]
                    });
                    $.plusReady(function() {
                        var postBtn=doc.getElementById('bntPost');//获取主页面按钮的DOM.
                        postBtn.addEventListener('tap',function(){    //监听DOM的事件
                            var addMemCont=plus.webview.getWebviewById("addMemberContent"); //根据ID获取子页面

            // var subPages=plus.webview.currentWebview().children();//获取当前页面所有的子页面;

            // var addmemCont=subPages[0]; 根据索引或缺子页面
                            $.fire(addMemCont,'postMember', null); // $.fire(目标页面,子页面的函数,要传的值)
                        });

        子页面的写法:

        window.addEventListener('postMember', function() { 

        //执行的函数}

        });

          window.addEventListener('newsId',function(event){ //获得事件参数 var id = event.detail.id;

  • 相关阅读:
    CSS函数
    CSS布局方式
    实现文件下载的方式
    JS编码和解码方式
    Mac系统重置PostgreSQL密码
    使用CSS3 +JS实现图片预加载的动画效果
    GitBook学习入门教程
    Mac删除node.js 命令
    读取HTML文件并替换其中的特定内容,然后保存文件
    Java使用HttpURLConnection模拟浏览器发送HTTP请求
  • 原文地址:https://www.cnblogs.com/isylar/p/4699863.html
Copyright © 2011-2022 走看看