HBuilder HTML5 Plus

mh    头            ml 图文列表              mb    身体            mui.back()        dga 添加事件              da添加监听事件

 mui.plusReady(function () {
         document.getElementById("text").innerText=''          页面初始化时调用
   }) 

window.localStorage.setItem('user',value);       window.localStorage.getItem("user") 存在手机本地值

		mui.post(window.serv + '/login', {          post请求
				username: username,
				pwd: hex_md5(pwd)
			}, function(data) {
              console.log('成功',data)
			}, 'json');

   3.打开页面 传值 

		mui.openWindow({        
				url: "user_info.html",
				id: 'user_info.html',   createNew : true,     新创建一个页面打开=刷新
				styles:{
					top:'0px',
					bottom:'0px'
				},
				extras:data.data                     打开页面传值
			})
             Sdata = plus.webview.currentWebview();    被打开页面初始化时 接受值

  4.fire 事件 

var index = plus.webview.getWebviewById("HBuilder");           发送目标 
mui.fire(index,"send_music",{"to_user":toy._id,"music":123})   目标和事件名称和发送信息
 这里的HBuilder 指手机首次打开的页面默认id,其他的页面id就是html名称

document.addEventListener("send_music", function(data) {       index页面监听事件,和执行函数
      ws.send(JSON.stringify(data.detail));             消息存在了data detail里
});

     5.创建 多媒体 对象

player = plus.audio.createPlayer(window.serv_audio + Sdata.audio);    音频地址
player.play();  player.pause();   player.resume(); 重播    player.stop();  

    6.创建层级标签  设置css样式

		function create_friend(friend_info){
			 	var litag = document.createElement("li");
			 	litag.className="mui-table-view-cell mui-media mui-col-xs-3";
			 	var atag = document.createElement("a");
			 	var imgtag = document.createElement("img");
			 	imgtag.className="mui-media-object";
			 	imgtag.src = "avatar/" + friend_info.friend_avatar;
			 	imgtag.style.cssText = "border-radius: 50%;width: 50px;height: 50px;";
			 	var divtag = document.createElement("div");
			 	divtag.className="mui-media-body";
			 	divtag.innerText = friend_info.friend_remark;
			 	litag.appendChild(atag);
			 	atag.appendChild(imgtag);
			 	atag.appendChild(divtag);
			 	document.getElementById("friend_list").appendChild(litag);
			}