首次进入有引导界面,第二次进去就没有了,做法如下:
在index.html中
先调用<script type="text/javascript" src="script/common.js"></script>
funIniGroup();
var welcome = function() {
api.openFrameGroup({
name : 'welcome',
bounces : false,
index : 0,
rect : {
x : 0,
y : 0,
w : 'auto',
h : 'auto'
},
scrollEnabled : true,
frames : [{
name : 'welcome_1',
url : './html/welcome_1.html',
bounces : false,
opaque : true,
bgColor : 'widget://res/drawable-xhdpi/a.jpg'
}, {
name : 'welcome_2',
url : './html/welcome_1.html',
bounces : false,
opaque : true,
bgColor : 'widget://res/drawable-xhdpi/b.jpg'
}, {
name : 'welcome_3',
url : './html/welcome_1.html',
bounces : false,
opaque : true,
bgColor : 'widget://res/drawable-xhdpi/a.jpg'
}, {
name : 'welcome_4',
url : './html/welcome_1.html',
bounces : false,
opaque : true,
bgColor : 'widget://res/drawable-xhdpi/q.png',
pageParam : true,
}]
}, function(ret, err) {
var index = ret.index;
var name = ret.name;
if (index == 0) {
$api.setStorage('firstStart', true);
}
});
};
indexOrWelcome(welcome());
}
function funIniGroup() {
var eHeaderLis = $api.domAll('header li'), frames = [];
for (var i = 0, len = eHeaderLis.length; i < len; i++) {
frames.push({
name : 'frame' + i,
url : './html/frame' + i + '.html',
bgColor : 'rgba(0,0,0,.2)',
bounces : true
})
}
在common.js中
var indexOrWelcome = function(fn){
if($api.getStorage('firstStart')){
api.setFrameGroupAttr({
name: 'welcome',
hidden:true
});
// api.setFrameAttr({
// name: 'dot_slider',
// hidden:true
// });
api.execScript({
name: 'root',
script: 'funIniGroup();'
});
} else {
fn && fn();
}
};
welcome_1.html中的代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>APP</title>
<style>
html,body{ height: 100%; }
</style>
</head>
<body οnclick="fnClose();">
</body>
</html>
<script type="text/javascript" src="../script/api.js"></script>
<script>
function fnClose(){
if( typeof api.pageParam === 'boolean' && $api.getStorage('firstStart')){
api.setFrameGroupAttr({
name: 'welcome',
hidden:true
});
// api.setFrameAttr({
// name: 'dot_slider',
// hidden:true
// });
api.execScript({
name: 'root',
script: 'funIniGroup();'
});
}
};
</script>
如此,便完成了想要的功能