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;

时间: 2024-11-10 18:11:36

Hbuilder主页面控制子页面的方法的相关文章

[HTML]HTML框架IFrame下利用JS在主页面和子页面间传值

今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料 下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["i

HTML框架IFrame结合JS在主页面和子页面间传值

下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框: (window.frames["iframeSon"].document).find(”

父页面调用子页面的方法

其实一句话就可以调用子页面的方法了,何必整得那么纠结是吧,感谢java大神: var dsjg1=document.getElementById("div-dsjg").contentWindow.checkEmpty(); 我的子页面有一个方法: 子页面js: function checkEmpty(){ alert("我是儿子!"); } 子页面body内容省略. 父页面: <iframe id="div-dsjg" src="

关于mui的主页面、子页面、页面跳转

mui的布局是模仿bootstrap的: <meta name=viewport> mui-row mui-col-xs/mui-col-sm(两种屏幕模式) mui要初始化:在<script>mui.init()</script> 为了适应手机屏幕,mui吧页面显示分为了主页面和子页面,就是把子页面引入到主页面,跳转的要根据页面做,如主页面下面的nav栏就可以在主页做,在中间子页面里的跳转就要在子页面做 mui预加载reload:这个意思是当页面跳转是出现的白屏处理,

javascript主页面获取子页面元素

功能:主页面获取子页面的form表单,并提交. $("#showAllDescription", document.frames("treeFrame").document).submit(); //showAllDescription为子页面元素的id //treeFrame为子页面ireame的nma javascript主页面获取子页面元素

Appcan学习笔记(1)——父页面调用子页面的方法

1.单个子页面 index.html 为父页面,里面有div为:<div id="content" class="ub-f1"> </div> 此div承载子页面 index_content.html 当触发父页面中的某一事件时调用子页面中的某一方法,代码如下 appcan.frame.evaluateScript("","content","RequestData('"+par+&

前台主页面给子页面赋值(回调)

1.主页面 <html> <body> <script type="text/javascript"> var _callback; function exec(callback) { _callback = callback; document.getElementById("txtResult").value = (new Date()).toLocaleString(); } function subpage() { if

父页面调用iframe子页面js方法

<iframe name="demoIframe" src="demo.html"></iframe> demo.html : <head> <script> function query(){ alert(1); } </script> </head> 父页面调用: window.demoIframe.document.query();

iframe子页面与父页面跨域相互访问方法

自己没事写着玩,要学习的比较多,先记录下来,以后慢慢修改! 1.先写同域情况下的iframe的父子调用 父窗口 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 </head> 8 <body> 9 //父窗口 10 <iframe