关闭

plus.webview预创建界面

标签: 界面
6227人阅读 评论(0) 收藏 举报
分类:
var mainstyle = {
    top: '5px',
    bottom: '50px',
    bounce: 'vertical'
};

mui.init({
    swipeBack: false,
    statusBarBackground: '#999999',
    gestureConfig: {
        doubletap: true
    }
});

mui.plusReady(main);

var curview;

function main() {
    alert("初始化完毕");
    CeateView();
    alert(plus.webview.all());

    mui('.mui-bar').on('tap', 'a', function() {

        var ref = this.getAttribute("href");

        if (curview == ref) {
            alert("不需要加载");
            return;
        }
        plus.webview.hide(curview, "pop-in");
        curview = ref;

        plus.webview.show(ref, "pop-out");
    })
}

function CeateView() {
    var self = plus.webview.currentWebview();
    var page = plus.webview.create("page1.html", "mainpage", mainstyle);
    alert("create:" + page);
    self.append(page);
    plus.webview.show("mainpage");
    curview = "page1";

    var page1 = plus.webview.create("page2.html", "page1", mainstyle);
    alert("create:" + page1);
    self.append(page1);

    var page2 = plus.webview.create("page1.html", "page2", mainstyle);
    alert("create:" + page2);
    self.append(page2);

}









使用mui创建,先预加载

 function addView()
 {
        var page = mui.preload({
        url:"img_l1.html",
        id:"img_l1",//默认使用当前页面的url作为id
        styles:{},//窗口参数
        extras:{}//自定义扩展参数
    });
}

显示此窗口

mui('#mtab ').on('tap','img',function(){
        console.log( " id00:"+this.id);
        var now = plus.webview.getWebviewById(this.id); 
       // plus.webview.show(this.id);
         mui.openWindow(this.id+'.html',this.id,{})
      }) 


     //点击流图片事件
      mui('#mtab ').on('tap','img',function(){
        console.log( " id00:"+this.id);
        var now = plus.webview.getWebviewById(this.id); 
        plus.webview.show(this.id); 
      }) 
1
0
查看评论

HTML5+规范:Webview(管理应用窗口界面)

一、知识点   Webview模块管理应用窗口界面,实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。 1、方法 1.1、all: 获取所有Webview窗口     Array[WebviewObject] plus.webview.a...
  • qq_27626333
  • qq_27626333
  • 2016-07-02 17:20
  • 19982

mui 开发知识 积累总结-----puls.webview

Webview模块管理应用窗口界面,实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。 方法: all: 获取所有Webview窗口close: 关闭Webview窗口create: 创建新的Webview窗口currentWebview: 获取当前窗口的...
  • qq_34836433
  • qq_34836433
  • 2016-11-27 13:18
  • 1690

那些年mui webview遇到的坑

Hello MUI                                ...
  • qq_37195300
  • qq_37195300
  • 2017-11-22 20:12
  • 253

MUI——创建页面的三种方法

第一种:初始化时,使用mui.init()创建子页面 一般情况下,目标页面分为主页面和内容页,两者是组合在一起的。在主页面中写好主页面的结构,就可以在初始化时创建子页面了。 mui.init({ subpages:[{ url:your-subpage-url,//子页面HTM...
  • MyFuture_MyDream
  • MyFuture_MyDream
  • 2016-11-15 01:32
  • 12246

mui webview 界面操作、窗口层关系

1、获取当前窗口id: //WebviewObject plus.webview.currentWebview(); var ws=plus.webview.currentWebview();//获取当前页面所属的Webview窗口对象 console.log( "窗口标识: ...
  • qq_31971935
  • qq_31971935
  • 2017-08-07 09:36
  • 3191

WebView的配置和网页参数传递

第一篇博客,最近在做关于WebView的项目,因为现在的开发为了减小安装包的大小,经常采用H5和原生安卓的混合开发模式,所以也研究了一下关于android网页的一些特性。同时也是为了方便以后开发是遇到的难点进行总结,避免走弯路。 总体的一些问题我就大概分为以下几点: 一、WebV...
  • hkq463
  • hkq463
  • 2016-07-15 12:32
  • 1873

MUI+Htmlplus开发APP实现页面之间传值

为了保持每个界面之间的数据通讯和相关联性,页面之间传值是开发hybrid app常见的一个问题。怎么实现页面之间数据交互呢?我试过两种方法: 利用缓存 mui页面的extras参数 利用缓存实现页面之间传值利用缓存实现页面之间传值比较常见的方法,不管是Dcloud还是平常的web开发中,都可以将数据...
  • agisboy
  • agisboy
  • 2017-05-27 15:21
  • 2965

MUI:页面传参终极版

页面传参数是一种比较常见的业务需求,根据实现原理及适用环境可以分为两大类。 在普通浏览器端常用的方法有如下几种: 1.利用URL传参 在页面跳转的时候通过设置window.location.href添加参数,在接收参数的页面通过window.location.search获取参数字符串。 发送...
  • kepoon
  • kepoon
  • 2016-11-03 19:51
  • 12929

mui webview选项卡 首次只加载首页,点击触发打开页面

官方提供的demo是首次运行时全部的子页面都加载出来,只是不显示,实际使用中此功能有时不符要求,稍微改了下,点击对应的选项卡,再打开对应的页面 var self = plus.webview.currentWebview(); for (var i = 0; i < 1; i+...
  • moniteryao
  • moniteryao
  • 2015-05-21 23:36
  • 11964

HBuilder mui页面传值的几种方式

HBuilder开发思想和传统APP开发不太一样,页面间传值的方式也略有不同,不同的方式适用于不同的场景,简单总结下。1 页面预加载或创建时传值页面预加载有两种方式,mui.init()和mui.preload().前者支持同时预加载多个页面,后者只能每次预加载一个页面。1.1 通过mui.init...
  • anjingshen
  • anjingshen
  • 2017-06-26 20:30
  • 4218
    文章分类
    最新评论
    个人资料
    • 访问:105876次
    • 积分:2230
    • 等级:
    • 排名:第19858名
    • 原创:112篇
    • 转载:6篇
    • 译文:6篇
    • 评论:4条