传入html字符串setting,setting-sub.html

设置

• 

  未登录

  点我登录

• 修改密码

• 帮助手册

• 版本更新

mui.init();

var userName = document.getElementById("username");

var userId = document.getElementById("userid");

var userImage = document.getElementById("userimg");

var isLogin = "";

mui.plusReady(function() {

/**

* 从本地存储中获取用户登录信息

* http://www.html5plus.org/doc/zh_cn/storage.html#plus.storage.getItem

*/

isLogin = plus.storage.getItem("userInfo");

/**

* 如果用户以登录，那么替换用户信息；

* 关于if(isLogin)这种直接写一个变量的写法

* http://blog.youkuaiyun.com/gulingeagle/article/details/8757039

*/

if (isLogin) {

/**

* 本地存储中存储的值是一个json字符串，需要用JSON.parse()方法进行发序列化，转换为对象；

* http://www.jb51.net/article/51331.htm

*/

var user = JSON.parse(isLogin);

userName.innerHTML = user.username;

userId.innerHTML = user.userid;

userImage.src = user.userimg;

}

/**

* 点击用户信息栏

* 判定是否登录，如果登录那么跳转至用户信息页面；

* 如果未登录，那么跳转至登录页面；

*/

document.getElementById("uinfo").addEventListener("tap", function() {

if (isLogin) {

mui.openWindow({

url: "userinfo.html",

id: "userinfo",

waiting: {

autoShow: false

}

});

} else {

mui.openWindow({

url: "login.html",

id: "login",

waiting: {

autoShow: false

},

extras: {

entrance: "user"

}

});

}

});

});

document.getElementById('updatepwd').addEventListener('tap', function() {

if (isLogin) {

mui.openWindow({

url: "updatepwd.html",

id: "updatepwd",

waiting: {

autoShow: false

}

});

} else {

mui.openWindow({

url: "login.html",

id: "login",

waiting: {

autoShow: false

},

extras: {

entrance: "user"

}

});

}

});

// 自定义事件，在登录后替换用户信息；

window.addEventListener("userLogin", function(event) {

isLogin = plus.storage.getItem("userInfo");

/**

* event.detail里面可以获取到传递过来的值

* http://dev.dcloud.net.cn/mui/event/#customevent

*/

userName.innerHTML = event.detail.userName;

userId.innerHTML = event.detail.userId;

userImage.src = event.detail.userImage;

});

(function($) {

//处理view的后退与webview后退

var oldBack = $.back;

$.back = function() {

if (viewApi.canBack()) { //如果view可以后退，则执行view的后退

viewApi.back();

} else { //执行webview后退

oldBack();

}

};

})(mui);

一键复制

编辑

Web IDE

原始数据

按行查看

历史