hbuilder HTML页面跳转,基于HBuilder开发手机APP-主页/跳转页面/切换选项卡(示例代码)...

所需要的子页一一对应，写入数组，在javascript里 mui.plusReady写入手机端的准备要求，内部写入函数:

在这里我使用的是预加载:plus.webview.create(objYe[i],objYe[i],objStyle);

由于使用的是自加载函数所以页面开始时直接预加载四个页面，初始时默认效果通过：mui.trigger(arr[0],"tap");实现默认第一个选项卡默认点击效果。

每个选项卡被点击的时候其他选项卡内容显示跟自身对应的子页webview显示，其他隐藏：根据自加载函数里面的for循环实施。这样就达到了一个跳转页面的效果。

mui.init()

mui.plusReady(function(){

var arr =document.getElementsByClassName("mui-tab-item");

var objYe = ["main.html","second.html","third.html","fourth.html"];

var objStyle = {

top:"0px",

bottom:"51px",

};

var objs=[];

var self = plus.webview.currentWebview();//取到当前的主页窗口

for (var i=0;i

!function(i){

var obj = plus.webview.create(objYe[i],objYe[i],objStyle);

objs.push(obj);

arr[i].addEventListener("tap",function(){

for(var j=0;j

if(j!=i){objs[j].hide()}

else{objs[j].show()}

}

self.append(objs[i])

})

}(i)

}

mui.trigger(arr[0],"tap");

})

hbuilder HTML页面跳转,基于HBuilder开发手机APP-主页/跳转页面/切换选项卡(示例代码)...相关推荐

利用PHP语言开发手机app后台服务器的框架是什么？或者说开发流程是怎么样的？
最近正在做一个手机APP的服务端API开发,虽然是基于Ruby on Rails的,做的也不太专业,不过大致相通,希望能够给你一些启发. 首先,如果是比较简单的手机APP,例如新闻客户端这样的不会涉 ...
如何开发手机APP软件？
一门APP开发平台能做APP嘛 1.可靠的.专业的在线app开发平台可以满足中小企业的基本功能,而且制作出来的app非常专业,也可以拿来进行使用,如应用之星,就是采用控件式操作方式,菜鸟也可以制作出来 ...
开发app要用html吗,为什么要使用HTML5开发手机APP？
为什么要使用HTML5开发手机APP?从未来的发展趋势看,现在的大部分开发商都因为HTML5的便捷性而广泛使用它,而且使用HTML5可以带来更好的互动.从程序员开发的角度来讲,HTML5的代码更加清晰 ...
Swift Playgrounds 能够开发手机App么
Swift Playgrounds 能够开发手机App么 "我只有一台iPad.我可以用它来开发iOS应用吗?" 对于初学者来说,这是最常见的问题之一.我的回答总是:" ...
语言做一个自动售货机软件_软件开发手机app系统软件高端定制做一个app软件要多少钱...
软件开发手机app系统软件高端定制-做一个app软件要多少钱 APP开发分原生APP开发和在线制作,我们来看下这两种都需要多少费用吧. 1.原生APP开发(定制开发) 互联网是个神奇的大网,大数据开发 ...
php开发的app商城,如何利用PHP语言开发手机APP
如何利用PHP语言开发手机APP 一般的PHP框架都可以用来做app后台服务器.因为原理上客户端从你这边拿的都是字符串数据,所以就算你不用框架也没有问题,不过会引发后续的问题.PHP提供API给客户端 ...
python开发app的软件_如何利用python开发手机app
python语言虽然很万能,但用它来开发app还是显得有点不对路,因此用python开发的app应当是作为编码练习,加上目前这方面的模块还不是特别成熟,bug比较多. 准备工作利用python开发a ...
php语言能开发app吗_怎么利用PHP框架语言开发手机app？
原标题:怎么利用PHP框架语言开发手机app? 一般的PHP框架都可以用来做app后台服务器.因为原理上客户端从你这边拿的都是字符串数据,所以就算你不用框架也没有问题,不过会引发后续的问题.PHP提供 ...
php开发安卓应用程序,如何利用PHP语言开发手机APP
一般的PHP框架都可以用来做app后台服务器.因为原理上客户端从你这边拿的都是字符串数据,所以就算你不用框架也没有问题,不过会引发后续的问题.PHP提供API给客户端就好了,API描述方式有很多种:R ...

hbuilder HTML页面跳转,基于HBuilder开发手机APP-主页/跳转页面/切换选项卡(示例代码)...

hbuilder HTML页面跳转,基于HBuilder开发手机APP-主页/跳转页面/切换选项卡(示例代码)...相关推荐

最新文章

热门文章