全国服务热线:4008-888-888

技术知识

mui几种网页页面自动跳转方法比照总结归纳

【几种开启网页页面的方法】

1.原始化时建立子网页页面

2.立即开启新网页页面

3.预载入网页页面

【示例】

1.原始化时建立子网页页面

mui.init({ 
    subpages: [{ 
        url: your - subpage - url, //子网页页面HTML详细地址,适用当地详细地址和互联网详细地址 
        id: your - subpage - id, //子网页页面标示 
        styles: { 
            top: subpage - top - position, //子网页页面顶位置置 
            bottom: subpage - bottom - position, //子网页页面底位置置 
            width: subpage - width, //子网页页面宽度,默认设置为100% 
            height: subpage - height, //子网页页面高宽比,默认设置为100% 
            ...... 
        }, 
        extras: {} //附加拓展主要参数 
    }] 
}); 

2.立即开启新网页页面

mui.openWindow({ 
    url: new - page - url, 
    id: new - page - id, 
    styles: { 
        top: newpage - top - position, //新网页页面顶位置置 
        bottom: newage - bottom - position, //新网页页面底位置置 
        width: newpage - width, //新网页页面宽度,默认设置为100% 
        height: newpage - height, //新网页页面高宽比,默认设置为100% 
        ...... 
    }, 
    extras: { 
        ..... //自定拓展主要参数,能够用来解决网页页面间传值 
    } 
    show: { 
        autoShow: true, //网页页面loaded恶性事件产生后全自动显示信息,默认设置为true 
        aniShow: animationType, //网页页面显示信息动漫,默认设置为”slide-in-right“; 
        duration: animationTime //网页页面动漫不断時间,Android服务平台默认设置100毫秒,iOS服务平台默认设置200毫秒; 
    }, 
    waiting: { 
        autoShow: true, //全自动显示信息等候框,默认设置为true 
        title: '正在载入...', //等候会话框上显示信息的提醒內容 
        options: { 
            width: waiting - dialog - widht, //等候框情况地区宽度,默认设置依据內容全自动测算适合宽度 
            height: waiting - dialog - height, //等候框情况地区高宽比,默认设置依据內容全自动测算适合高宽比 
            ...... 
        } 
    } 
}) 
  
 

3.预载入网页页面

// 方法1 
mui.init({ 
    preloadPages: [{ 
        url: prelaod - page - url, 
        id: preload - page - id, 
        styles: {}, //对话框主要参数 
        extras: {}, //自定拓展主要参数 
        subpages: [{}, {}] //预载入网页页面的子网页页面 
    }] 
}); 
  
// 方法2 
var page = mui.preload({ 
    url: new - page - url, 
    id: new - page - id, //默认设置应用当今网页页面的url做为id 
    styles: {}, //对话框主要参数 
    extras: {} //自定拓展主要参数 
}); 
  
 

【1些差别】

1.子网页页面和非子网页页面

以上3种方法中,2,3开启的网页页面非子网页页面,

差别是子网页页面非常于html中的iframe,而非子网页页面非常于新开了1个访问器对话框载入了1个html

2.子网页页面可用于侧滑菜单

子网页页面有其有点,非常可用与index.html+list.html这类状况,

假如用index.html(首页面)+list.html(子网页页面)完成的话,当首页面右划时子网页页面会全自动追随,

而用index.html(首页面)+list.html(新网页页面)完成的话,首页面右划,新网页页面不右划,还得独立解决新网页页面。

3.子网页页面好用经常切换的状况

假如经常左划右划,在配备较低的手机上上会出現list.html遮挡住index.html的状况,

选用子网页页面方式就不容易,选用新网页页面方式概率很大。

4.子网页页面可用与往下拉更新和上拽载入

以前做大往下拉更新的情况下,选用的是新网页页面的方式,

依照官方网站实例教程,如何搞都不了功,

后看来了下源代码,发现往下拉更新务必选用子网页页面的方式,

也便是你的list.html务必是index.html的子网页页面,才能够往下拉更新。

5.新网页页面可用于新网页页面

open1个新网页页面,可用于查询详细信息之类的,必须开启1个新网页页面的状况,

而且mui自身封裝了新网页页面的back方式,你就不必须去操劳了。

6.预载入网页页面的两种方法

第1种是在原始化的情况下预载入,

这类状况合适在你这个网页页面在很久以后才会用,

假如你要马上到的网页页面并应用,那末你会获得null。

第2种方法相近与open,

本人觉得沒有甚么太大的差别,

唯1的差别是open就立即开启了,

preload只是载入,你能够以后挑选开启的机会。

7.总结

必须往下拉更新上拽载入请应用子网页页面,

必须开启1个新网页页面请应用新网页页面方法,

必须载入1个网页页面可是临时不应用请应用预载入方法。

以上便是这篇文章内容的所有內容了,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助~假如有疑惑大伙儿能够留言沟通交流,感谢大伙儿对脚本制作之家的适用!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服