普通浏览器里没有plus环境,只有HBuilder真机运行和打包后才能运行plus api。 在普通浏览器里运行时plus api时控制台必然会输出plus is not defined错误提示。 mui做为一个前端框架,你必须保证当前页面引入了mui.js。不然也会出现mui is not defined。
就像在dom初始化完成前(DOMContentLoaded)去操做dom,就会报错是同样的道理。 plus和mui都须要初始化,在初始化完成后调用再调用。 通常咱们在plusready的回调事件里调用plus api。
document.addEventListener('plusready',function () { // 在这里调用plus api },false);
执行更高效的写法是这样,若是plus已经存在,就直接使用javascript
function plusReady(){ // 在这里调用plus api } if(window.plus){ plusReady(); }else{ document.addEventListener('plusready',plusReady,false); }
mui框架对此进行了封装,写法更简单:
mui.plusReady(function(){ // 在这里调用plus api });
事实上,mui做为一个框架,也有初始化的过程,但mui的初始化过程在DOMContentLoaded完毕后就结束了。 mui ready的写法是这样,但通常无需使用。
mui.ready(function () { })
在浏览器里的常规加载顺序是DOMContentLoaded、onload。 plus的ready是异步的,因此不必定在DOMContentLoaded以前或以后,但通常在onload以前。 而mui的ready通常伴随DOMContentLoaded而完成。 详细的启动时序参考这里:[http://ask.dcloud.net.cn/article/571](http://ask.dcloud.net.cn/article/571)